@charset 'utf-8';
/*! jQuery UI - v1.12.1 - 2020-02-28
* http://jqueryui.com
* Includes: draggable.css, core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src:
url(OpenSans-Regular.woff) format('woff'),
url(OpenSans-Regular.ttf) format('truetype');
font-display: swap;
}
html { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { position: relative; height: 100%; margin: 0px; padding: 0px; background-color: #f2f2f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 1.5; color: #333333; }
html.wf-active body { font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; }
button, input, select, textarea { font-family: inherit; color: inherit; }
form { display: inline; margin: 0px; padding: 0px; }
textarea { resize: vertical; }
img { border: 0; border-style: none; }
table { padding: 0px; border-spacing: 0px; border: 0; border-style: none; }
tr, th, td { padding: 0px; }
a { text-decoration: none; color: #333333; }
a:active, a:hover, a:focus { text-decoration: underline; }
.description { margin-bottom: 10px; }
@media print {
.hideOnPrint { display: none; visibility: hidden; }
}
.relative { position: relative; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.flyoutMenuContainer .flyoutMenuTriangleOuterWrapper { width: 100%; height: 0px; text-align: center; }
.flyoutMenuContainer .flyoutMenuTriangleInnerWrapper { display: inline-block; width: 20px; vertical-align: top; }
.flyoutMenuContainer .flyoutMenuTriangle { display: none; content: ""; position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent transparent transparent; z-index: 10051; }
.flyoutMenuContainer .flyoutMenu { display: none; position: absolute; right: 0px; z-index: 10050; }
.flyoutMenuContainer .flyoutMenuPanel { padding-top: 20px; }
.flyoutMenuContainer .flyoutMenuPanel .flyoutMenuHeading { margin-bottom: 5px; font-size: 12px; }
.flyoutMenuContainer .flyoutMenuPanel .button {
display: inline-block;
padding: 4px 15px;
font-size: 14px;
cursor: pointer;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.flyoutMenuContainer .flyoutMenuPanel .button:hover,
.flyoutMenuContainer .flyoutMenuPanel .button:active,
.flyoutMenuContainer .flyoutMenuPanel .button:focus { text-decoration: none; }
.centerLayout { text-align: center; }
.centerLayout .centerLayoutWrapper { position: relative; display: inline-block; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.lt-ie9 .centerLayout .centerLayoutWrapper { top: 30%; }
.pageWrapper { position: relative; margin: 0px; padding: 0px; height: 100%; }
.responsiveLayout .layoutBackgroundWrapper { margin: 0px auto; padding: 0px 15px; height: 100%; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutBackgroundWrapper { padding: 0px; }
}
.responsiveLayout .layoutOuterWrapper {
margin: 0px auto; padding: 0px 15px;
min-height: 100%; background-color: #ffffff;
min-width: 290px;
max-width: 1900px;
}
.lt-ie9 .responsiveLayout .layoutOuterWrapper { min-width: 900px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutOuterWrapper { padding: 0px 10px; }
}
.responsiveLayout .layoutTopOuterWrapper { margin-bottom: 12px; }
.responsiveLayout .layoutTopInnerWrapper {}
.responsiveLayout .layoutHeaderWrapper {
margin: 0px auto;
background-color: #ffffff;
min-width: 290px;
max-width: 1900px;
}
.responsiveLayout .layoutPreBottomWrapper { margin-top: 25px; }
.responsiveLayout .layoutBottomWrapper { background-color: #3b3537; border-top: 5px solid #8baccb; overflow: auto; }
.responsiveLayout .layoutFirstTopWrapper { position: relative; display: table; width: 100%; height: 80px; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: table-cell; width: 1px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logo a { display: block; line-height: 0px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 151px; height: 35px}
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: table-cell; width: auto; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: table-cell; width: 1px; height: 80px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 18px; padding-top: 26px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 40px; margin-right: 40px; padding-top: 25px; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 26px; height: 100%; }
@media only all and (min-width: 806px) and (min-height: 950px) {
html.javascript .responsiveLayout .layoutTopInnerWrapper { position: fixed; top: 0px; left: 0px; right: 0px; margin: 0px 30px; z-index: 10000; }
}
@media only all and (max-width: 805px) {
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { padding-top: 1px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { display: none; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 0px; }
}
@media only all and (max-width: 420px) {
.responsiveLayout .layoutFirstTopWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; padding-top: 18px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 110px; height: 26px; }
}
.responsiveLayout .layoutSecondTopWrapper { position: relative; }
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { min-height: 42px; border-bottom: 5px solid #8baccb; padding-left: 25px; background-color: #3b3537; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: none; position: relative; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: none; position: relative; margin-left: 67px; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInCategory { display: none; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInput { margin-right: 50px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { display: none; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: block; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: block; }
}
.responsiveLayout .layoutSliderWrapper { overflow: hidden; }
.responsiveLayout .layoutBreadcrumbWrapper { margin-top: 8px; }
.responsiveLayout .layoutBreadcrumbWrapper-home { display: none; }
.responsiveLayout .layoutMainWrapper { margin-top: 20px; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { margin-bottom: 10px; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a { text-decoration: underline; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:active,
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover,
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:focus { color: #8baccb; }
.quickSearch { height: 38px; background-color: #f2f2f2; border: solid 1px #3b3537; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.quickSearch .searchButton { float: right; display: inline-block; width: 42px; height: 38px; padding-top: 2px; border: none; text-align: center; color: #ffffff; font-size: 16px; line-height: 16px; cursor: pointer; background-color: #3b3537; }
.quickSearch .searchButton .searchIcon { width: 20px; height: 20px; fill: #d8d7d7; }
.quickSearch .searchButton:hover .searchIcon { fill: #f2f2f2; }
.quickSearch .searchInCategory { display: none; float: right; width: 200px; }
.quickSearch .searchInCategory select { width: 180px; margin-top: 8px; padding: 0px; border: none; background-color: #f2f2f2; font-size: 14px; }
.quickSearch .searchInput { margin: 1px 50px 1px 2px; padding: 0px 0px 0px 7px; }
.quickSearch .searchInCategoryEnabled .searchInCategory { display: block; }
.quickSearch .searchInCategoryEnabled .searchInput { margin-right: 250px; }
.quickSearch .searchInput input { width: 100%; padding: 0px; margin: 0px; height: 34px; line-height: 34px; border: none; background-color: #f2f2f2; font-size: 16px; outline-style: none; }
.quickSearch .autocompleteAligner { position: absolute; margin-top: 0px; margin-left: 5px; }
.quickSearch .ui-autocomplete {
position: absolute;
white-space: nowrap;
border: 1px solid #3b3537;
background-color: #f2f2f2;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.quickSearch .ui-menu { padding: 2px; }
.quickSearch .ui-menu .ui-menu-item a {
display: block;
text-decoration: none;
font-weight: bold;
line-height: 25px;
}
html.touch .quickSearch .ui-menu .ui-menu-item a { line-height: 30px; }
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active,
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus span,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active span {
color: #ffffff;
background-color: #8baccb;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
margin: 0px;
}
.quickSearch .ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; }
@media only all and (min-width: 901px) and (max-width: 1000px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { width: 150px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory select { width: 130px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 200px; }
}
@media only all and (min-width: 806px) and (max-width: 900px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { display: none; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 50px; }
}
.responsiveLayout .meta { display: table; width: 100%; height: 100%; table-layout: fixed; }
.responsiveLayout .meta .metaElement { display: table-cell; width: 70px; height: 100%; }
.responsiveLayout .meta .metaElement .metaLinkWrapper { position: relative; height: 100%; text-align: center; }
.responsiveLayout .meta .metaElement .metaLink { position: relative; top: 28px; left: 0px; display: inline-block; width: 100%; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center top; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink:after { content: ""; position: absolute; right: 5px; bottom: 52%; width: 0px; height: 0px; display: block; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch):hover .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #8baccb transparent transparent transparent; }
.responsiveLayout .meta .metaElement .metaLink .label { display: block; margin-top: -6px; line-height: 21px; font-size: 12px; }
.responsiveLayout .meta .metaElement:hover .metaLink { color: #8baccb; text-decoration: none; }
.responsiveLayout .meta .metaElement .metaLink svg.metaIcon { fill: #3b3537; }
.responsiveLayout .meta .metaElement:hover .metaLink svg.metaIcon { fill: #8baccb; }
.responsiveLayout .meta .loginMetaElement .metaLink .loginMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .accountMetaElement .metaLink .accountMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .wishlistMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -9px; left: 37px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #8baccb;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .shoppingCartMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -11px; left: 35px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #8baccb;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink {}
@media only all and (max-width: 420px) {
.responsiveLayout .meta .metaElement { width: 60px; }
.responsiveLayout .meta .metaElement .metaLink { top: 15px; }
.responsiveLayout .meta .metaElement .metaLink .label { font-size: 10px; }
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { padding: 20px 15px 15px 15px; min-width: 200px; max-width: 400px; min-height: 100px; color: #ffffff; font-size: 14px; background-color: #8baccb; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 20px; font-weight: bold; color: #ffffff; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { color: inherit; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button {
margin-top: 10px;
color: #f2f2f2;
background-color: #3b3537;
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:hover,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:active,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:focus { background-color: #555555; }
.flexElement { position: relative; font-size: 14px; line-height: 1.5; }
.flexElement-innerWrapper,
.flexElement-contentWrapper { box-sizing: border-box; }
.flexContainer-childWrapper,
.flexContent { display: flex; }
.flexContainer-childWrapper > .flexElement,
.flexContent > .flexElement { width: 100%; max-width: 100%; align-self: flex-start; }
.flexTextElement { position: relative; }
.flexTextElement .flexElement-innerWrapper { flex: 1; display: flex; }
.flexTextElement .flexElement-contentWrapper { display: flex; width: 100%; overflow: hidden; }
.flexTextElement-textContent { flex: 1; }
.flexTextElement-textContent:not(.flexTextElement-noHyphenation) { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.flexTextElement-textContent:not(.flexTextElement-noLinkHighlighting) a { text-decoration: underline; }
.flexTextElement-textContent a:active,
.flexTextElement-textContent a:hover,
.flexTextElement-textContent a:focus { color: #8baccb; text-decoration: underline; }
.flexTextElement-textContent p { margin: 0px 0px 10px 0px; }
.flexTextElement-textContent > *:last-child { margin-bottom: 0px; }
.flexImageElement { position: relative; text-align: center; }
.flexImageElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexImageElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexImageElement-imageContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexImageElement-imageContent a { display: flex; overflow: hidden; }
.flexImageElement-imageContent img { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexImageElement-imageContent img.imgError { min-width: 150px; min-height: 150px; }
img.flexImageElement-preloadImage { position: relative; }
img.flexImageElement-preloadImage + img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
html.loaded img.flexImageElement-preloadImage { display: none; }
html.loaded img.flexImageElement-preloadImage + img { position: relative; width: auto; height: auto; }
.flexImageElement .imagePlaceholder { width: 190px; padding: 20px 0px 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #8baccb; border-radius: 10px; }
.flexImageElement .imagePlaceholder svg { display: block; width: 80px; height: 80px; margin: auto; fill: #ffffff; }
@supports (width: min(80px, 100%)) {
.flexImageElement .imagePlaceholder svg { width: min(80px, 100%); }
}
.flexVideoElement { position: relative; text-align: center; }
.flexVideoElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexVideoElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexVideoElement-videoContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexVideoElement-videoContent img.flexVideoElement-preloadImage,
.flexVideoElement-videoContent video { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexVideoElement-videoContent video:-moz-full-screen { object-fit: contain; }
.flexVideoElement-videoContent video:-webkit-full-screen { object-fit: contain; }
.flexVideoElement-videoContent video:-ms-fullscreen { object-fit: contain; }
.flexVideoElement-videoContent video:fullscreen { object-fit: contain; }
img.flexVideoElement-preloadImage { position: relative; }
img.flexVideoElement-preloadImage + video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.flexVideoElement .videoPlaceholder { width: 190px; padding: 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #8baccb; border-radius: 10px; }
.flexVideoElement .videoPlaceholder svg { display: block; width: 60px; height: 60px; margin: auto; margin-bottom: 10px; fill: #ffffff; }
@supports (width: min(60px, 100%)) {
.flexVideoElement .videoPlaceholder svg { width: min(60px, 100%); }
}
.flexImageAndTextContainer-elementWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; height: 100%; }
.flexImageAndTextContainer-imageElement { flex: 1; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexImageAndTextContainer-textElement { flex: 1; }
.flexImageAndTextContainer-imageElement.flexImageAndTextContainer-horizontalAlignmentStretch { max-width: none; }
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentLeft,
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentRight { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle { margin-left: auto; margin-right: auto; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-firstElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-firstElement.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-lastElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-lastElement.flexImageAndTextContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle + .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentMiddle),
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentMiddle) + .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentLeft + .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentLeft),
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentRight) + .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-contentWrapper { display: flex; }
.flexHorizontalListContainer-elements { display: flex; flex-wrap: wrap; align-items: stretch; flex: 1; max-width: 100%; }
.flexHorizontalListContainer-element { flex: 1 1 0%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentStretch { max-width: none; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-placeHolderElement { max-width: 100%; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentMiddle + .flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentMiddle):not(.flexHorizontalListContainer-firstInRow) { margin-left: auto; }
.flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentMiddle) + .flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-right: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentLeft + .flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentLeft):not(.flexHorizontalListContainer-firstInRow) { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentLeft { margin-left: 0px; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentRight) + .flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentRight { margin-right: 0px; }
.flexHorizontalListContainer-element { position: relative; display: flex; }
.flexHorizontalListContainer-elementOuterWrapper { position: relative; display: flex; width: auto; max-width: 100%; }
.flexHorizontalListContainer-elementOuterWrapper.flexHorizontalListContainer-striveForMaxWidth,
.flexHorizontalListContainer-elementOuterWrapper.flexHorizontalListContainer-horizontalAlignmentStretch { width: 100%; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-placeHolderElement .flexHorizontalListContainer-elementOuterWrapper { width: 100%; }
.flexHorizontalListContainer-elementInnerWrapper { position: relative; width: auto; max-width: 100%; }
.flexHorizontalListContainer-elementInnerWrapper.flexHorizontalListContainer-striveForMaxWidth,
.flexHorizontalListContainer-elementInnerWrapper.flexHorizontalListContainer-horizontalAlignmentStretch { width: 100%; }
.flexSimpleContainer-elements { position: relative; }
.flexSlickSliderContainer-elements { position: relative; line-height: 1; font-size: 0px; height: 100%; }
.flexSlickSliderContainer-belowElements { display: none; height: 30px; width: 100%; }
.flexSlickSliderContainer-elements.showDotsOutside.slick-dotted { height: calc(100% - 30px); }
.flexSlickSliderContainer-elements.showDotsOutside.slick-dotted + .flexSlickSliderContainer-belowElements { display: block; }
.flexSlickSliderContainer-elements.slick-initialized .slick-list { height: 100%; }
.flexSlickSliderContainer-elements.slick-initialized .slick-track { height: 100%; }
.flexSlickSliderContainer-elements.slick-initialized .slick-slide { display: flex; }
.flexSlickSliderContainer-elements.slick-initialized .slick-slide > div { display: flex; width: 100%; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-list { height: auto; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-track { height: auto; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-slide > div { height: auto; }
.flexSlickSliderContainer-element { position: relative; height: 100%; }
.flexSlickSliderContainer-element ~ .flexSlickSliderContainer-element { display: none; }
.flexSlickSliderContainer-elementOuterWrapper { position: relative; display: flex; flex-direction: row; height: 100%; }
.flexSlickSliderContainer-elementInnerWrapper { position: relative; width: 100%; }
.flexSlickSliderContainer .slides.showArrowsOutside.slick-arrows { margin: 0px 46px; }
.flexSlickSliderContainer img { display: inline; }
.flexSlickSliderContainer .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.flexSlickSliderContainer .slides .slick-arrow { display: block; }
.flexSlickSliderContainer .slides.showNoArrows > .slick-arrow { display: none !important; }
.flexSlickSliderContainer .slides .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
width: 32px;
height: 32px;
padding: 0px;
border: 2px solid #8baccb;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
-o-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
;
}
.flexSlickSliderContainer .slides .slick-arrow:before {
content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px;
}
.flexSlickSliderContainer .slides.showArrowsOutside .slick-prev { left: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-prev { left: 10px; z-index: 1900; }
.flexSlickSliderContainer .slides.showArrowsOutside .slick-next { right: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-next { right: 10px; z-index: 1900; }
.flexSlickSliderContainer .slides .slick-prev:before {
border-color: transparent #8baccb transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides .slick-next:before {
border-color: transparent transparent transparent #8baccb; margin-left: 12px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside.slick-arrows { margin: 0px 37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.flexSlickSliderContainer .slides.small-arrows .slick-arrow:before {
border-width: 7px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-prev { left: -37px; }
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-next { right: -37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides.small-arrows .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.flexSlickSliderContainer .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.flexSlickSliderContainer .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.flexSlickSliderContainer .slides .slick-dots { display: block; list-style: none; position: absolute; width: 100%; padding: 0px; margin: 0px; line-height: 0px; text-align: center; }
.flexSlickSliderContainer .slides.showNoDots .slick-dots { display: none !important; }
.flexSlickSliderContainer .slides.showDotsOutside .slick-dots { bottom: -30px; }
.flexSlickSliderContainer .slides.showDotsInside .slick-dots { bottom: 10px; }
.flexSlickSliderContainer .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.flexSlickSliderContainer .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #dddddd; cursor: pointer; line-height: 0px;
}
.flexSlickSliderContainer .slides .slick-dots li.slick-active .dot,
.flexSlickSliderContainer .slides .slick-dots li .dot:hover { background-color: #8baccb; }
.flexBoxContainer { display: flex; }
.flexBoxContainer-innerWrapper { flex: 1; max-width: 100%; }
.flexBoxContainer-contentWrapper { display: flex; max-width: 100%; }
.flexBoxContainer-defaultElement { position: relative; flex: 1; display: flex; overflow: hidden; }
.flexLanguageContainer { display: flex; }
.flexContainer-childWrapper > .flexLanguageContainer, .flexContent > .flexLanguageContainer { width: 100%; align-self: stretch; }
.flexLanguageContainer-innerWrapper { flex: 1; max-width: 100%; height: 100%; }
.flexLanguageContainer-contentWrapper { display: flex; max-width: 100%; flex-direction: column; height: 100%; }
.miniLogin { max-width: 270px; }
.miniLogin input.inputField {
width: 92%;
margin: 2px 0px 0px 0px;
padding: 4px 10px;
font-size: 14px;
color: #333333;
background-color: #ffffff;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniLogin input.inputField:focus,
.miniLogin input.inputField:hover { background-color: #f0faff; }
.miniLogin .login { margin-top: 5px; }
.miniLogin .password { margin-top: 5px; }
.miniLogin .loginFailed {
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.miniLogin .links { margin-top: 15px; overflow: auto; }
.miniLogin .links a:hover { text-decoration: underline; }
.miniLogin .links a:before { display: inline-block; content: ""; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniLogin .passwordReminderLink { display: block; float: left; padding: 3px; }
.miniLogin .registerLink { display: block; float: right; padding: 3px; }
.miniAccount { max-width: 270px; }
.miniAccount .userName { margin-top: 5px; }
.miniAccount .userName .value { font-weight: bold; }
.miniAccount .accountMenu { margin-top: 15px; border-bottom: 1px solid #8baccb; }
.miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #8baccb; }
.miniAccount .accountMenu .menuEntry:hover { background-color: #8baccb; text-decoration: none; }
.miniAccount .accountMenu .menuEntry:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
@media only all and (max-height: 550px) {
.miniAccount .accountMenu .hideOnInsufficientHeight { display: none; }
}
.miniShoppingCart { }
.miniShoppingCart a:hover { text-decoration: none; }
.miniShoppingCart .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniShoppingCart .missingShoppingCartOnlinePriceMsg,
.miniShoppingCart .missingOnlinePriceMsg,
.miniShoppingCart .containsInvalidItemMsg {
margin-top: 5px;
font-weight: bold; padding: 5px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .deferredPriceCalculation { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .subTotalAndNumberOfLineItems { margin-top: 5px; }
.miniShoppingCart .subTotal .label { display: inline; margin-right: 2px; }
.miniShoppingCart .subTotal .value { display: inline; font-weight: bold; font-size: 16px; }
.miniShoppingCart .numberOfLineItems { margin-top: 1px; }
.miniShoppingCart .numberOfLineItems .label { display: inline; }
.miniShoppingCart .numberOfLineItems .value { display: inline; }
.miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniShoppingCart .empty { margin-top: 5px; }
.miniShoppingCart .switchShoppingCart { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniShoppingCart .switchShoppingCart ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #8baccb; }
.miniShoppingCart .switchShoppingCart li { display: table-row; font-size: 14px; }
.miniShoppingCart .switchShoppingCart li:hover { background-color: #8baccb; }
.miniShoppingCart .switchShoppingCart li.active { background-color: #8baccb; }
.miniShoppingCart .switchShoppingCart li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #8baccb; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName { padding-right: 15px; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniShoppingCart .switchShoppingCart li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.miniShoppingCart .switchShoppingCart li .shoppingCartSubTotal { text-align: right; }
.miniShoppingCart .quickorderBox { margin-top: 20px; margin-bottom: 3px; overflow: hidden; }
.miniShoppingCart .quickorderBox .quickorderBoxTitle { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox .quickorderBoxDescription { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox a:hover { text-decoration: underline; }
.miniShoppingCart .quickorderBox a:before { display: inline-block; content: ""; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist { max-width: 270px; }
.miniWishlist a:hover { text-decoration: none; }
.miniWishlist .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniWishlist .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniWishlist .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniWishlist .numberOfLineItems { margin-top: 5px; }
.miniWishlist .numberOfLineItems .label { display: inline; }
.miniWishlist .numberOfLineItems .value { display: inline; }
.miniWishlist .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniWishlist .empty { margin-top: 5px; }
.miniWishlist .switchWishlist { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniWishlist .switchWishlist ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #8baccb; }
.miniWishlist .switchWishlist li { display: table-row; font-size: 14px; }
.miniWishlist .switchWishlist li:hover { background-color: #8baccb; }
.miniWishlist .switchWishlist li.active { background-color: #8baccb; }
.miniWishlist .switchWishlist li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #8baccb; }
.miniWishlist .switchWishlist li .wishlistName { padding-right: 15px; }
.miniWishlist .switchWishlist li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist .switchWishlist li .wishlistNumberOfLineItems { text-align: right; }
.cascadingMenuCategoryList ul { display: block; list-style-type: none; margin: 0px; padding: 0px; }
.cascadingMenuCategoryList li a { position: relative; display: block; }
.cascadingMenuCategoryList li a span { display: block; }
.cascadingMenuCategoryList li.level0 { position: relative; float: left; padding: 0px; margin: 0px 2px 0px 2px; }
.cascadingMenuCategoryList div.subMenu { position: absolute; display: none; padding-top: 0px; width: 100%; height: 0px; }
.cascadingMenuCategoryList ul.subMenu { position: absolute; display: none; z-index: 20; width: 200px; }
.cascadingMenuCategoryList ul.subMenu li { position: relative; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu > ul.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList div.subMenu li:hover > ul.subMenu { display: block; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu { top: 0px; left: 200px; }
.cascadingMenuCategoryList ul.subMenu.level1.left { right: 0px; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu.left { top: 0px; left: auto; right: 200px; }
.cascadingMenuCategoryList li a { font-size: 14px; text-decoration: none; }
.cascadingMenuCategoryList li a:hover { text-decoration: none; }
.cascadingMenuCategoryList a.level0 { line-height: 42px; font-weight: bold; padding: 0px 10px; color: #ffffff; }
.cascadingMenuCategoryList a.level0 span { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList a.level0.withSubCategories { padding-right: 19px; }
.cascadingMenuCategoryList a.level0.withSubCategories:after { content: ""; position: absolute; top: 20px; right: 10px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #ffffff transparent transparent transparent; vertical-align: middle; }
.cascadingMenuCategoryList li.level0:hover a.level0,
.cascadingMenuCategoryList a.level0.open { background-color: #8baccb; }
.cascadingMenuCategoryList ul.subMenu { border: 1px solid #8baccb; -moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.cascadingMenuCategoryList ul.subMenu { background-color: #ffffff; }
.cascadingMenuCategoryList ul.subMenu a { padding: 7px 5px 7px 10px; }
.cascadingMenuCategoryList ul.subMenu a span { width: 180px; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 12px; right: 5px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555555; vertical-align: middle; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories span { width: 170px; }
.cascadingMenuCategoryList ul.subMenu li:hover > a { color: #ffffff; background-color: #8baccb; }
.cascadingMenuCategoryList ul.subMenu li:hover > a.withSubCategories:after { border-color: transparent transparent transparent #ffffff; }
.offCanvasMenu { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; width: 80%; min-width: 140px; max-width: 440px; z-index: -1; background-color: #3b3537; }
.offCanvasMenu .offCanvasMenuPanel { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0px; padding: 0px; overflow-y: auto; }
.pageWrapperOverlay {
position: absolute; width: 0%; height: 0%; z-index: -1;
background-color: #000000; opacity: 0; touch-action: none;
}
html.offCanvasMenuSliding { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding body { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding .offCanvasMenu { display: block; }
html.offCanvasMenuOpen { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen body { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen .offCanvasMenu { display: block; z-index: 0; }
html.offCanvasMenuOpen .pageWrapperOverlay, html.pageWrapperOverlayActivated .pageWrapperOverlay { width: 100%; height: 100%; z-index: 20000; transition: opacity .3s; opacity: 0.3; }
html.offCanvasMenuOpen .layoutBackgroundWrapper, html.pageWrapperOverlayActivated .layoutBackgroundWrapper { transition: filter .3s; -webkit-filter: blur(3px); filter: blur(3px); }
html.offCanvasMenuOpen .offCanvasMenuSlideout { touch-action: none; }
.treeMenuCategoryList a { color: #cccccc; text-decoration: none; }
.treeMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.treeMenuCategoryList li.level0 { border-bottom: 1px solid #574e51; }
.treeMenuCategoryList .menuItem .menuItemLink { display: block; padding: 10px 0px; font-size: 14px; min-height: 19px; }
.treeMenuCategoryList .menuItem .menuItemLink span { display: block; overflow: hidden; text-overflow: ellipsis; }
.treeMenuCategoryList li.level0 .menuItem .menuItemLink { padding-left: 20px; }
.treeMenuCategoryList li.level1 .menuItem .menuItemLink { padding-left: 40px; }
.treeMenuCategoryList li.level2 .menuItem .menuItemLink { padding-left: 60px; }
.treeMenuCategoryList li.level3 .menuItem .menuItemLink { padding-left: 80px; }
.treeMenuCategoryList li.level4 .menuItem .menuItemLink { padding-left: 100px; }
.treeMenuCategoryList li.level5 .menuItem .menuItemLink { padding-left: 120px; }
.treeMenuCategoryList li.level6 .menuItem .menuItemLink { padding-left: 140px; }
.treeMenuCategoryList li.level7 .menuItem .menuItemLink { padding-left: 160px; }
.treeMenuCategoryList li.level8 .menuItem .menuItemLink { padding-left: 180px; }
.treeMenuCategoryList li.level9 .menuItem .menuItemLink { padding-left: 200px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemLink { margin-right: 55px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton { display: block; content: ""; float: right; width: 50px; height: 39px; background-color: #332e30; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton:after { font-size: 18px; content: "+"; float: right; margin-top: 9px; margin-right: 20px; }
.treeMenuCategoryList .menuItem.open.withSubCategories .menuItemButton:after { content: "-"; margin-top: 8px; margin-right: 22px; }
.treeMenuCategoryList .menuItem:hover .menuItemLink { color: #8baccb; }
.treeMenuCategoryList .menuItem:hover .menuItemButton { color: #8baccb; }
.treeMenuCategoryList .menuItem.active { background-color: #8baccb; }
.treeMenuCategoryList .menuItem.active .menuItemLink { color: #ffffff; font-weight: bold; }
.treeMenuCategoryList .menuItem.active .menuItemButton { color: #ffffff; background-color: #8baccb; }
.treeMenuCategoryList ul.subMenu { display: none; }
.treeMenuCategoryList ul.subMenu.open { display: block; }
.mobileMenuButton { display: block; position: absolute; top: 0px; left: 0px; width: 60px; height: 40px; background-color: #3b3537; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.mobileMenuButton .line { background-color: #8baccb; height: 3px; width: 40px; margin-top: 4px; margin-left: 10px; }
.mobileMenuButton .line.first { margin-top: 11px; }
.mobileTreeMenu .head { padding-left: 20px; font-size: 18px; line-height: normal; font-weight: bold; color: #8baccb; border-bottom: 1px solid #574e51; }
.mobileTreeMenu .head .menuLines { float: left; margin-top: 18px; width: 15px; height: 15px; }
.mobileTreeMenu .head .menuLines .line { content: ""; background-color: #8baccb; height: 2px; width: 15px; margin-top: 3px; }
.mobileTreeMenu .head .title { margin-left: 23px; margin-right: 50px; padding: 15px 0px 12px 0px; }
.mobileTreeMenu .head .close { display: block; float: right; width: 50px; height: 51px; color: #8baccb; text-decoration: none; background-color: #332e30; }
.mobileTreeMenu .head .close:after { display: block; font-size: 28px; content: "+"; float: right; margin-top: 9px; margin-right: 17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobileTreeMenu .mobileTreeMenuLoading { padding: 10px 10px 0px 20px; color: #cccccc; }
.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; line-height: 0px; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li.hasNext { margin-right: 2px; }
.breadcrumbs li span,
.breadcrumbs li a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; line-height: 18px; margin-top: 4px; padding: 3px 15px; background-color: #e5e5e5; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
font-weight: normal; white-space: nowrap; }
.breadcrumbs li a:active,
.breadcrumbs li a:hover,
.breadcrumbs li a:focus { color: #ffffff; background-color: #8baccb; text-decoration: none; }
.breadcrumbs li.active span,
.breadcrumbs li.active a { color: #ffffff; background-color: #8baccb; }
.breadcrumbs li.not_visited span { color: #999999; background-color: #f2f2f2; }
@media only all and (max-width: 805px) {
.breadcrumbs li { display: none; }
.breadcrumbs li.active,
.breadcrumbs li.parent { display: inline; }
.breadcrumbs li.parent a:before { content: "«"; margin-right: 5px; }
}
@media only all and (max-width: 500px) {
.breadcrumbs li span,
.breadcrumbs li a { max-width: 110px; }
}
h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 22px; font-weight: bold; color: #8baccb; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 20px; font-weight: bold; }
h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: bold; }
h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; font-weight: bold; }
.topicWrapper { margin: 0px 0px 10px 0px; font-size: 18px; }
.topicWrapper h1 { display: inline; margin: 0px 5px 0px 0px; }
.topicWrapper .supplement { color: #999999; white-space: nowrap; }
.topicOuterWrapper { overflow: hidden; margin-bottom: 10px; }
.topicOuterWrapper .topicWrapper { margin-bottom: 0px; }
.topicOuterWrapper .topicRightWrapper { margin-top: 5px; }
@media only all and (min-width: 950px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 650px) and (max-width: 805px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 700px) {
.pageContent:not(.hasLeft) .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
.footer { padding: 0px 15px 15px 0px; overflow: auto; }
.footer .footerCol { float: left; width: 100%; max-width: 200px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; }
.footer .footerCol .heading { margin: 0px 0px 10px 0px; font-size: 16px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol .paragraph { margin: 0px 0px 10px 0px; font-size: 14px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol a { color: #e1e1e1; line-height: 26px; }
.footer .footerCol a:hover { color: #8baccb; text-decoration: none; }
.footer svg { fill: currentColor; vertical-align: middle; margin-right: 4px; }
.footer .phoneIcon { width: 14px; height: 14px; }
.footer .faxIcon { width: 14px; height: 14px; }
.footer .envelopeIcon { width: 14px; height: 14px; }
.footerCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.footerCategoryList a.level0 { display: block; overflow-x: hidden; text-overflow: ellipsis; }
.footerCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.footerCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
.languageSelection a { display: block; }
.languageSelection a:focus { text-decoration: none; }
.languageSelection svg.flagIcon { width: 16px; height: 12px; margin-top: -1px; }
.lastUpdate { float: left; margin: 0px 5px 10px 15px; color: #e1e1e1; }
@media only all and (max-width: 550px) {
.lastUpdate { float: none; }
}
.copyright { float: right; margin: 0px 15px 10px 5px; color: #a0a0a0; }
.copyright a { margin-left: 2px; color: #e1e1e1; }
.copyright a:hover { color: #8baccb; text-decoration: none; }
@media only all and (max-width: 550px) {
.copyright { float: none; margin: 0px 5px 10px 15px; }
}
.cookieNotice { display: none; position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 50001; background-color: #eeeeee; opacity: 0.9; }
.cookieNoticeInnerWrapper {
margin: 0px auto;
min-width: 290px;
max-width: 1900px;
}
.cookieNoticeDialogWrapper { padding: 30px 45px; }
.cookieNoticeDialog { display: table; width: 100%; }
.cookieNotice .cookieNoticeTextWrapper { display: table-cell; vertical-align: top; }
.cookieNotice .cookieNoticeFormWrapper { display: table-cell; vertical-align: top; white-space: nowrap; }
.cookieNotice button { margin-left: 20px; }
.cookieNotice a { text-decoration: underline; }
.cookieNotice a:hover { color: #8baccb; }
.cookieNotice .cookieNoticeText { display: inline; }
.cookieNotice .errorMsg { display: inline; color: red; font-weight: bold; }
@media only all and (max-width: 600px) {
.cookieNoticeDialog { display: block; }
.cookieNotice .cookieNoticeTextWrapper { display: block; }
.cookieNotice .cookieNoticeFormWrapper { display: block; }
.cookieNotice button { margin-left: 0px; margin-top: 30px; }
}
.flexElement.revokeCookieConsentDescription { display: block; }
.flexElement.revokeCookieConsentText,
.flexElement.revokeCookieConsentForm,
.flexElement.revokeCookieConsentSuccess { display: none; }
.hideCookieNotice .flexElement.revokeCookieConsentDescription,
.cookieConsentWasRevoked .flexElement.revokeCookieConsentDescription { display: none; }
.hideCookieNotice .flexElement.revokeCookieConsentText,
.hideCookieNotice .flexElement.revokeCookieConsentForm,
.cookieConsentWasRevoked .flexElement.revokeCookieConsentSuccess { display: block; }
.flexContentEditor .flexElement.revokeCookieConsentDescription,
.flexContentEditor .flexElement.revokeCookieConsentText,
.flexContentEditor .flexElement.revokeCookieConsentForm,
.flexContentEditor .flexElement.revokeCookieConsentSuccess { display: block; }
.userTracking { display: none; }
.languageDialog { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2000; background-color: #cccccc; }
.languageDialog .languageDialogPanel { padding: 0px 10px; font-size: 14px; }
.languageDialog .label { margin-right: 5px; }
.languageDialog .longLabel { display: none; }
.languageDialog .languageLink { display: inline-block; margin: 0px 0px 0px 1px; padding: 10px 5px; white-space: nowrap; }
.languageDialog .languageLink.active,
.languageDialog .languageLink:focus,
.languageDialog .languageLink:hover { text-decoration: none; color: #f2f2f2; background-color: #aaaaaa; }
.languageDialog svg.flagIcon { width: 16px; height: 12px; margin: 0px 4px -1px 4px; }
.languageDialog .languageFlag { margin: 0px 4px 0px 4px; }
.languageDialog .close { display: block; float: right; width: 30px; height: 39px; }
.languageDialog .close:after { display: block; float: right; content: "+"; font-size: 29px; color: #666666; margin-top: 0px; margin-right: 5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media only all and (max-width: 270px) {
.languageDialog .languages.numberOfLanguages1 .languageName { display: none; }
}
@media only all and (min-width: 390px) {
.languageDialog .languages.numberOfLanguages1 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages1 .longLabel { display: inline; }
}
@media only all and (max-width: 370px) {
.languageDialog .languages.numberOfLanguages2 .languageName { display: none; }
}
@media only all and (min-width: 490px) {
.languageDialog .languages.numberOfLanguages2 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages2 .longLabel { display: inline; }
}
@media only all and (max-width: 470px) {
.languageDialog .languages.numberOfLanguages3 .languageName { display: none; }
}
@media only all and (min-width: 590px) {
.languageDialog .languages.numberOfLanguages3 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages3 .longLabel { display: inline; }
}
@media only all and (max-width: 570px) {
.languageDialog .languages.numberOfLanguages4 .languageName { display: none; }
}
@media only all and (min-width: 690px) {
.languageDialog .languages.numberOfLanguages4 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages4 .longLabel { display: inline; }
}
@media only all and (max-width: 670px) {
.languageDialog .languages.numberOfLanguages5 .languageName { display: none; }
}
@media only all and (min-width: 790px) {
.languageDialog .languages.numberOfLanguages5 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages5 .longLabel { display: inline; }
}
.table { display: table; }
.tableHeader { display: table-row; }
.tableRowGroup { display: table-row-group; }
.tableRow { display: table-row; }
.tableCell { display: table-cell; }
.tableHeader .tableCell { padding: 9px 7px; vertical-align: bottom; border-bottom: 2px solid #e5e5e5; white-space: nowrap; font-weight: bold; color: #777777; }
.tableHeader .tableCell a { color: #777777; }
.tableHeader .tableCell a:hover { color: #8baccb; text-decoration: none; }
.tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #bbbbbb transparent; vertical-align: top; }
.tableHeader .tableCell.sortDesc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #bbbbbb transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAsc a:hover:after { border-color: transparent transparent #8baccb transparent; }
.tableHeader .tableCell.sortDesc a:hover:after { border-color: #8baccb transparent transparent transparent; }
.tableHeader .tableCell.sortDescIsActive a,
.tableHeader .tableCell.sortAscIsActive a { color: #8baccb; }
.tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #8baccb transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #8baccb transparent; vertical-align: top; }
.tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: #8baccb transparent transparent transparent; }
.tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent #8baccb transparent; }
.tableRow .tableCell { padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; }
.table.omitLastLine .tableRowGroup.last .tableRow .tableCell { border-bottom: none; }
.table .mobileOnly { display: none; }
@media only all and (max-width: 550px) {
.table.mobileAt550px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt550px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt550px .tableHeader { display: none; }
.table.mobileAt550px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt550px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt550px .tableRow { display: block; overflow: hidden; }
.table.mobileAt550px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt550px .mobileOnly { display: block; }
}
@media only all and (max-width: 650px) {
.table.mobileAt650px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt650px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt650px .tableHeader { display: none; }
.table.mobileAt650px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt650px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt650px .tableRow { display: block; overflow: hidden; }
.table.mobileAt650px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt650px .mobileOnly { display: block; }
}
@media only all and (max-width: 850px) {
.table.mobileAt850px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt850px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt850px .tableHeader { display: none; }
.table.mobileAt850px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt850px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt850px .tableRow { display: block; overflow: hidden; }
.table.mobileAt850px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt850px .mobileOnly { display: block; }
}
.attributes { display: table; width: 100%; }
.attributes .attribute { display: table-row; }
.attributes .attributeLabel { display: table-cell; padding-right: 10px; white-space: nowrap; }
.attributes .attributeValue { display: table-cell; width: 100%; white-space: nowrap; }
.attributes.withSpacer .attributeLabel { padding-top: 10px; }
.attributes.withSpacer .attributeValue { padding-top: 10px; }
.attributes.withSpacer .attribute.first .attributeLabel { padding-top: 0px; }
.attributes.withSpacer .attribute.first .attributeValue { padding-top: 0px; }
.presentationIcon { display: inline-block; }
.presentationIcon a { display: inline-block; width: 16px; height: 16px; padding: 4px 5px; overflow: hidden; background-color: #d0d0d0; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.presentationIcon a:hover,
.presentationIcon a.active { background-color: #8baccb; }
.presentationIcon .line { display: block; margin-top: 2px; }
.presentationIcon .line.first { margin-top: 0px; }
.presentationIcon .element { display: block; float: left; margin-left: 2px; background-color: #ffffff; }
.presentationIcon .element.first { margin-left: 0px; }
.presentationGridIcon .line { height: 7px; }
.presentationGridIcon .element { width: 7px; height: 7px; }
.presentationTableIcon .line { height: 4px; }
.presentationTableIcon .element.first { width: 3px; }
.presentationTableIcon .element { width: 11px; height: 4px; }
.itemPrice .pricePrefix { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts .label { margin-right: 2px; }
.itemPrice .priceWithoutDiscounts .price { text-decoration: line-through; }
.itemPrice .priceWithDiscounts { font-size: 16px; font-weight: bold; }
.itemPrice .price .currency { font-size: 12px; }
.itemPrice .asterisk { font-size: 12px; }
.itemPrice .priceUnit { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .price_discount,
.itemPrice .price_surcharge { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .total_discount,
.itemPrice .total_surcharge { color: #555555; font-size: 12px; font-weight: normal; }
.itemScaledPrice {}
.itemScaledPrice .priceScales { display: table; }
.itemScaledPrice .priceScales .priceScaleHeader { display: table-row; font-weight: bold; }
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { display: inline; font-size: 11px; font-weight: normal; white-space: nowrap; }
@media only all and (max-width: 350px) {
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { white-space: normal; }
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell { display: none; }
}
.itemScaledPrice .priceScales .priceScale { display: table-row; }
.itemScaledPrice .priceScales .priceScaleCell { display: table-cell; vertical-align: top; padding-left: 14px; }
.itemScaledPrice .priceScales .priceScaleHeader .priceScaleCell { padding-bottom: 5px; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell { padding-bottom: 2px; white-space: nowrap; }
.itemScaledPrice .priceScales .priceScaleCell.qtyCell { padding-left: 0px; }
.itemScaledPrice .priceScales .priceScaleCell.priceWithoutDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToPriceCell,
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell,
.itemScaledPrice .priceScales .priceScaleCell.priceWithDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToTotalPriceCell { text-align: right; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell.priceCalculationCell { color: #555555; font-size: 12px; }
.itemScaledPrice .discountsRelatingToPriceBelowTable,
.itemScaledPrice .discountsRelatingToTotalPriceBelowTable { color: #555555; }
.availabilityIcon { display: inline-block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #000000; }
.availabilityIcon0 { background-color: #7CB339; }
.availabilityIcon1 { background-color: #FFE319; }
.availabilityIcon2 { background-color: #E93C2B; }
img.lazy { display: none; }
.javascript img.lazy { display: inline; }
img.lazy { opacity: 0; transition: opacity .3s ease-in; }
img.lazy.loaded { opacity: 1; }
.itemList .itemName { font-size: 16px; font-weight: bold; }
.itemList a.itemName:hover,
.itemList a.itemName:active { color: #8baccb; text-decoration: none; }
.itemList .itemDescription { font-size: 14px; }
.itemList .itemNo { white-space: nowrap; font-size: 14px; color: #777777; }
.itemList .itemListAddToCart .additionalLine { font-size: 14px; color: #777777; }
.itemListTableView .table { width: 100%; }
.itemListTableView .tableCell { width: 1px; }
.itemListTableView .tableCell.itemNameCell { width: auto; }
.itemListTableView .tableCell.itemNameCell .availability { display: none; }
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { width: auto; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { text-align: right; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { white-space: nowrap; }
.itemListTableView .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 930px) {
.itemListTableView .tableCell.itemNameCell .availability { display: block; }
.itemListTableView .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.availabilityCell { display: none; }
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.itemListTableView .tableRow .tableCell.availabilityCell,
.itemListTableView .tableRow .tableCell.priceCell,
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { text-align: left; }
.itemListTableView .tableRow .tableCell.iconCell { float: left; margin-left: 0px; padding-right: 14px; }
.itemListTableView .tableRow .tableCell.priceCell { margin-top: 5px; }
.itemListTableView .tableRow .tableCell { margin-left: 114px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.priceCell { clear: both; margin-top: 0px; margin-left: 0px; padding-top: 10px; }
.itemListTableView .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
}
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
.itemListTableView .backorderMsg { margin-top: 10px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { white-space: nowrap; }
@media only all and (max-width: 1150px) {
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 1050px) {
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 205px; }
.itemListTableView .tableRow .tableCell { margin-left: 219px; }
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
}
@media only all and (max-width: 450px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 155px; }
.itemListTableView .tableRow .tableCell { margin-left: 169px; }
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 125px; }
.itemListTableView .tableRow .tableCell { margin-left: 139px; }
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
.itemListGridView { position: relative; }
.itemListGridView ul { list-style-type: none; margin: 0px; padding: 0px; letter-spacing: 10px; }
.itemListGridView li { display: -moz-inline-stack; display: inline-block; margin-bottom: 15px; letter-spacing: 0px; text-align: left; vertical-align: top; }
.itemListGridView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.itemListGridView .icon a:hover { text-decoration: none; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.itemListGridView .infoOuterWrapper { position: relative; min-height: 100px; }
.itemListGridView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.itemListGridView .info { position: relative; padding: 10px; min-height: 80px; }
.itemListGridView .itemTextInnerWrapper { min-height: 54px; }
.itemListGridView .itemName { display: block; overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemDescription { overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemNo { display: inline; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; }
.itemListGridView .backorderMsg { margin-top: 10px; }
.itemListGridView .itemPrice { margin-top: 10px; }
.itemListGridView .priceWithoutDiscountsWrapper div,
.itemListGridView .priceWithDiscountsWrapper div { display: inline; }
.itemListGridView .slideOnHoverWrapper {}
.itemListGridView .slideOnHoverTarget { display: none; }
.itemListGridView .itemListAddToCartInclude { padding-top: 10px; }
@media only all and (max-width: 805px) {
.itemListGridView .slideOnHoverWrapper { display: none; }
}
@media only all and (min-width: 531px) and (max-width: 805px) {
.itemListGridView li { width: 32%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.itemListGridView li { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 5px; }
}
@media only all and (max-width: 530px) {
.itemListGridView li { width: 48%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { width: 210px; height: 150px; line-height: 150px; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; }
.itemListGridView .infoWrapper { min-height: 100px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 10px; }
}
@media only all and (max-width: 500px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 5px; }
}
@media only all and (max-width: 400px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (max-width: 380px) {
.itemListGridView li { width: 47%; }
}
.itemListSlideView { position: relative; padding: 0px 37px; }
.itemListSlideView img { display: inline; }
.itemListSlideView .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.itemListSlideView .slick-track { margin-left: 0px; margin-right: 0px; }
.itemListSlideView .slides .slick-arrow {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
width: 32px;
height: 32px;
padding: 0px;
border: 2px solid #8baccb;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
-o-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
;
}
.itemListSlideView .slides .slick-arrow:before {
content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px;
}
.itemListSlideView .slides .slick-prev { left: -37px; }
.itemListSlideView .slides .slick-next { right: -37px; }
.itemListSlideView .slides .slick-prev:before {
border-color: transparent #8baccb transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.itemListSlideView .slides .slick-next:before {
border-color: transparent transparent transparent #8baccb; margin-left: 12px;
margin-top: 6px;
}
@media only all and (max-width: 350px) {
.itemListSlideView { padding: 0px 33px; }
.itemListSlideView .slides .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.itemListSlideView .slides .slick-arrow:before {
border-width: 7px;
}
.itemListSlideView .slides .slick-prev { left: -33px; }
.itemListSlideView .slides .slick-next { right: -33px; }
.itemListSlideView .slides .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.itemListSlideView .slides .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
}
.itemListSlideView .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.itemListSlideView .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.itemListSlideView .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.itemListSlideView .slides .slick-dots { list-style: none; position: relative; display: block; width: 100%; padding: 0px; margin: 20px 0px 0px 0px; line-height: 0px; text-align: center; }
.itemListSlideView .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.itemListSlideView .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #dddddd; cursor: pointer; line-height: 0px;
}
.itemListSlideView .slides .slick-dots li.slick-active .dot,
.itemListSlideView .slides .slick-dots li .dot:hover { background-color: #8baccb; }
.itemListSlideView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; margin: 0px auto; }
.itemListSlideView .iconWrapper { padding: 10px; }
.itemListSlideView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.itemListSlideView .icon a:hover { text-decoration: none; }
.itemListSlideView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.itemListSlideView .infoOuterWrapper { position: relative; min-height: 100px; }
.itemListSlideView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.itemListSlideView .info { position: relative; padding: 10px; min-height: 80px; }
.itemListSlideView .itemTextInnerWrapper { min-height: 54px; }
.itemListSlideView .itemName { display: block; }
.itemListSlideView .itemNo { display: inline; }
.itemListSlideView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; }
.itemListSlideView .backorderMsg { margin-top: 10px; }
.itemListSlideView .itemPrice { margin-top: 10px; }
.itemListSlideView .priceWithoutDiscountsWrapper div,
.itemListSlideView .priceWithDiscountsWrapper div { display: inline; }
.itemListSlideView .slideOnHoverWrapper {}
.itemListSlideView .slideOnHoverTarget { display: none; }
.itemListSlideView .itemListAddToCartInclude { padding-top: 10px; }
.lineItems .lineNo { white-space: nowrap; color: #777777; }
.lineItems .itemName { font-size: 16px; font-weight: bold; }
.lineItems a.itemName:hover,
.lineItems a.itemName:active { color: #8baccb; text-decoration: none; }
.lineItems .itemDescription { }
.lineItems .itemNo { white-space: nowrap; color: #777777; }
.lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #999999; }
.lineItems .nextprice_discount { font-size: 10px; color: #999999; }
.lineItems .nextprice_surcharge { font-size: 10px; color: #999999; }
.lineItems .nextprice_with_discounts { font-size: 10px; color: #999999; }
.backorderMsg { color: #777777; font-size: 10px; }
.backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; }
.backorderMsg a:hover { color: #8baccb; }
div.doc { margin: 0px 0px 15px 0px; padding: 0px; }
div.doc a { text-decoration: underline; }
.subCategoryList { position: relative; }
.subCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.subCategoryList li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.subCategoryList ul.categories { letter-spacing: 10px; }
.subCategoryList li.category { letter-spacing: 0px; margin-bottom: 15px; }
.subCategoryList .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.subCategoryList .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.subCategoryList .categoryTextInnerWrapper { padding: 10px; }
.subCategoryList .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #666666; }
.subCategoryList a.categoryName:hover { color: #8baccb; text-decoration: none; }
.subCategoryList .iconWrapper { padding: 0px; }
.subCategoryList .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; }
.subCategoryList .icon a:hover { text-decoration: none; }
.subCategoryList .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; }
.subCategoryList .slideOnHoverTarget { display: none; position: absolute; left: 0px; bottom: 0px; width: 230px; max-height: 170px; overflow: auto; background-color: #ffffff; opacity: 0.9; }
.subCategoryList ul.subMenu { padding: 10px 10px 10px 7px; }
.subCategoryList ul.subMenu li.subCategory { display: block; margin-bottom: 3px; }
.subCategoryList ul.subMenu li.subCategory a { display: block; color: #777777; padding: 0px; }
.subCategoryList ul.subMenu li.subCategory a:hover { color: #8baccb; font-weight: bold; text-decoration: none; }
.subCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.subCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
@media only all and (min-width: 531px) and (max-width: 805px) {
.subCategoryList li.category { width: 32%; }
.subCategoryList .categoryWrapper { width: 100%; }
.subCategoryList .categoryTextOuterWrapper { width: 100%; }
.subCategoryList .slideOnHoverTarget { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.subCategoryList .icon { width: 170px; height: 110px; line-height: 110px; }
.subCategoryList .icon img { max-width: 165px; max-height: 110px; }
.subCategoryList .slideOnHoverTarget { max-height: 110px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.subCategoryList li.category { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.subCategoryList .icon { width: 140px; height: 90px; line-height: 90px; }
.subCategoryList .icon img { max-width: 135px; max-height: 90px; }
.subCategoryList .slideOnHoverTarget { max-height: 90px; }
}
@media only all and (max-width: 530px) {
.subCategoryList li.category { width: 48%; }
.subCategoryList .categoryWrapper { width: 100%; }
.subCategoryList .categoryTextOuterWrapper { width: 100%; }
.subCategoryList .slideOnHoverTarget { width: 100%; }
.subCategoryList .icon { width: 230px; height: 170px; line-height: 170px; }
.subCategoryList .icon img { max-width: 225px; max-height: 170px; }
.subCategoryList .slideOnHoverTarget { max-height: 170px; }
}
@media only all and (max-width: 500px) {
.subCategoryList .icon { width: 170px; height: 110px; line-height: 110px; }
.subCategoryList .icon img { max-width: 165px; max-height: 110px; }
.subCategoryList .slideOnHoverTarget { max-height: 110px; }
}
@media only all and (max-width: 400px) {
.subCategoryList .icon { width: 140px; height: 90px; line-height: 90px; }
.subCategoryList .icon img { max-width: 135px; max-height: 90px; }
.subCategoryList .slideOnHoverTarget { max-height: 90px; }
}
@media only all and (max-width: 380px) {
.subCategoryList li.category { width: 47%; }
}
.onlineRefresh a { text-decoration: underline; }
.sortControl .label { margin-right: 5px; }
.sortAndPresentationControl { overflow: auto; float: left; }
.sortAndPresentationControl .sortControl { float: left; }
.sortAndPresentationControl .presentationControls { float: right; width: 80px; text-align: right; }
.sortAndPresentationControl .presentationControls .presentationControl { display: inline-block; margin-top: 3px; margin-left: 5px; }
.pagination { overflow: auto; margin-top: 10px; }
.pagination .recordsFound,
.pagination .itemsFound { float: left; margin-bottom: 5px; }
.pagination .pageLinks { float: right; margin-bottom: 5px; }
.pagination .label { font-weight: bold; }
.pagination a:hover { text-decoration: none; }
.pagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #8baccb; background-color: #e5e5e5;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pagination a.pageLink:hover,
.pagination .pageLink.active { color: #ffffff; background-color: #8baccb; }
.itemListWithPagination { margin: 0px 0px 15px 0px; padding: 0px; }
.itemListWithPagination .itemList span.searchTerm { background-color: yellow; }
.itemListWithPagination .itemListTableView { margin: 10px 0px 0px 0px; }
.itemListWithPagination .itemListGridView { margin: 10px 0px 10px 0px; }
.pageContent { margin: 0px; padding: 0px; }
.pageContent .pageContentLeftWrapper { }
.pageContent .pageContentMiddleWrapper { }
.pageContent.hasLeft { overflow: hidden; }
.pageContent.hasLeft .pageContentLeftWrapper { float: left; width: 220px; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 250px; }
@media only all and (max-width: 805px) {
.pageContent.hasLeft .pageContentLeftWrapper { display: none; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 0px; }
}
.box { margin-top: 35px; }
.box .boxTitle { padding-bottom: 7px; font-weight: bold; }
.box .boxContent { padding-top: 7px; }
.pageContentLeft .box .boxTitle { padding-left: 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; }
.pageContentLeft .box .boxContent { padding-left: 5px; }
.mobileTreeMenu .box { margin-bottom: 10px; }
.mobileTreeMenu .box .boxTitle { padding-left: 20px; border-bottom: 1px solid #574e51; font-size: 16px; color: #cccccc; }
.verticalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.verticalCategoryList li a { position: relative; display: block; padding: 7px 0px 7px 0px; font-size: 14px; }
.verticalCategoryList li a span { display: block; overflow: hidden; text-overflow: ellipsis; }
.verticalCategoryList li.level0 li { padding-left: 5px; }
.verticalCategoryList li.level1 li { padding-left: 15px; }
.verticalCategoryList li.level1 { border-bottom: 1px solid #e5e5e5; }
.verticalCategoryList a.level0 { padding: 0px 0px 7px 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; font-weight: bold; }
.verticalCategoryList a:hover { color: #8baccb; text-decoration: none; }
.verticalCategoryList a.active { color: #8baccb; font-weight: bold; }
.verticalCategoryList ul.subMenu a.withSubCategories { padding-right: 17px; }
.verticalCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #aaaaaa transparent transparent transparent; }
.verticalCategoryList ul.subMenu a.withSubCategories:hover:after,
.verticalCategoryList ul.subMenu a.active.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #8baccb transparent transparent transparent; }
.recentlyVisitedItemList { line-height: normal; }
.recentlyVisitedItemList .itemWrapper { padding: 7px 0px 10px 0px; overflow: hidden; }
.recentlyVisitedItemList .itemWrapper.first { padding: 0px 0px 10px 0px; border-top: none; }
.recentlyVisitedItemList .iconWrapper { float: left; width: 60px; overflow: hidden; }
.recentlyVisitedItemList .itemNameWrapper { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; }
.recentlyVisitedItemList .priceWrapper { margin-left: 70px; margin-top: 5px; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscounts { font-size: 14px; font-weight: normal; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.recentlyVisitedItemList .icon img { display: block; max-width: 60px; max-height: 60px; }
.recentlyVisitedItemList .itemName { font-size: 14px; font-weight: normal; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper { border-top: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper { padding-left: 20px; border-top: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemName { color: #cccccc; }
.mobileTreeMenu .recentlyVisitedItemList .itemNo { color: #888888; }
.mobileTreeMenu .recentlyVisitedItemList .itemPrice .priceWithDiscounts { color: #888888; }
.pageContent .documentLeft a { text-decoration: underline; }
.pageContent .documentLeft a:hover { color: #8baccb; }
.pageContent .documentRight a { text-decoration: underline; }
.pageContent .documentRight a:hover { color: #8baccb; }
.pageContent .heading { font-size: 18px; font-weight: normal; color: #777777; margin-bottom: 10px; }
.pageContent-login .heading,
.pageContent-account .heading,
.pageContent-createAccount .heading,
.pageContent-customerData .heading,
.pageContent-checkout .heading { padding: 5px 10px; background-color: #eeeeee; color: #555555; }
.pageContent .rowWrapper { position: relative; overflow: hidden; }
.pageContent .rowWrapper .boxWrapper { display: block; float: left; }
.pageContent .rowWrapper.oneColumn .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 33.3%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .topMargin { margin-top: 30px; }
@media only all and (max-width: 740px) {
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 0px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
.pageContent span.inputField {
margin: 0px; padding: 0px;
}
.pageContent input.inputField,
.pageContent textarea.inputField,
.pageContent select.inputField,
.pageContent span.inputField select {
margin: 1px 0px 1px 0px;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #999999;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.pageContent input.inputField,
.pageContent textarea.inputField {
padding: 4px 5px;
}
.pageContent span.inputField select,
.pageContent select.inputField {
padding: 3px;
}
.pageContent input.inputField:focus,
.pageContent textarea.inputField:focus,
.pageContent select.inputField:focus,
.pageContent span.inputField select:focus,
.pageContent input.inputField:hover,
.pageContent textarea.inputField:hover,
.pageContent select.inputField:hover,
.pageContent span.inputField select:hover {
border: 1px solid #777777;
background-color: #f0faff;
}
.pageContent span.inputField.missing,
.pageContent span.inputField.error {
color: #ff0000;
}
.pageContent input.inputField.missing,
.pageContent textarea.inputField.missing,
.pageContent select.inputField.missing,
.pageContent span.inputField.missing select,
.pageContent input.inputField.error,
.pageContent textarea.inputField.error,
.pageContent select.inputField.error,
.pageContent span.inputField.error select {
margin: 0px;
border: 2px solid #ff0000;
}
.pageContent label.inputField { display: block; margin: 1px 0px; padding: 4px 0px; }
.pageContent .heading label.inputField { margin: 0px; padding: 0px; }
.pageContent label.errorLabel,
.pageContent label.errorLabel a{ color: #ff0000; }
.pageContent label.required:after { content: " *"; }
.pageContent label.error { display: block; margin-top: 3px; color: #ff0000; }
.pageContent .inputQty { text-align: right; }
.pageContent .inputQtyUnitId { }
.pageContent .inputQtyWrapper { display: block; margin-bottom: 2px; }
.pageContent button,
.pageContent-managerContent .flexContentEditorStage button,
.cookieNotice button {
padding: 7px 15px 7px 15px;
cursor: pointer;
font-size: 16px;
color: #333333;
background-color: #dddddd;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
@media only all and (max-width: 359px) {
.pageContent button { font-size: 14px; }
}
@media only all and (max-width: 334px) {
.pageContent button { font-size: 13px; }
}
.pageContent button:hover,
.pageContent button:focus,
.pageContent button:active,
.pageContent-managerContent .flexContentEditorStage button:hover,
.pageContent-managerContent .flexContentEditorStage button:focus,
.pageContent-managerContent .flexContentEditorStage button:active,
.cookieNotice button:hover,
.cookieNotice button:focus,
.cookieNotice button:active {
color: #ffffff;
background-color: #8baccb;
}
.pageContent button.back { padding: 7px 15px 7px 9px; }
html.lt-ie9 .pageContent button.back { padding: 7px 15px 7px 15px; }
.pageContent button.back:before { display: inline-block; content: ""; margin-top: 0px; margin-right: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent #555555 transparent transparent; }
.pageContent button.back:hover:before,
.pageContent button.back:focus:before,
.pageContent button.back:active:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.continue { padding: 7px 9px 7px 15px; }
html.lt-ie9 .pageContent button.continue { padding: 7px 15px 7px 15px; }
.pageContent button.continue:after { display: inline-block; content: ""; margin-top: 0px; margin-left: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #555555; }
.pageContent button.continue:hover:after,
.pageContent button.continue:focus:after,
.pageContent button.continue:active:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.primary,
.pageContent-managerContent .flexContentEditorStage button.primary,
.cookieNotice button.primary {
color: #ffffff;
background-color: #6eab24;
}
.pageContent button.primary:hover,
.pageContent button.primary:focus,
.pageContent button.primary:active,
.pageContent-managerContent .flexContentEditorStage button.primary:hover,
.pageContent-managerContent .flexContentEditorStage button.primary:focus,
.pageContent-managerContent .flexContentEditorStage button.primary:active,
.cookieNotice button.primary:hover,
.cookieNotice button.primary:focus,
.cookieNotice button.primary:active {
color: #ffffff;
background-color: #85cf2b;
}
.pageContent button.primary.back:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.primary.continue:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.svgIcon { display: inline-block; border: none; border-radius: 0px; outline-style: none; margin: 0px; padding: 0px; vertical-align: middle; font-size: 16px; line-height: 16px; background-color: transparent; }
.pageContent button.svgIcon:hover { border: none; background-color: transparent; }
.pageContent button.svgIcon.addToCart { width: 24px; }
.pageContent button.svgIcon.addToCart svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToCart:hover svg { fill: #8baccb; }
.pageContent button.svgIcon.addToWishlist { width: 24px; }
.pageContent button.svgIcon.addToWishlist svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToWishlist:hover svg { fill: #8baccb; }
@keyframes spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg)
}
}
button svg.spinner { width: 0px; height: 14px; margin-right: 0px; fill: #555555; animation: .7s linear infinite spinner-animation; }
button.primary svg.spinner { fill: #f2f2f2; }
button.processing svg.spinner { width: 14px; margin-right: 7px; }
.buttonWrapper { margin-top: 20px; }
.buttonWrapper.hasSubWrappers { display: table; width: 100%; }
.buttonWrapper.hasSubWrappers .leftWrapper { display: table-cell; font-size: 0px; }
.buttonWrapper.hasSubWrappers .rightWrapper { display: table-cell; font-size: 0px; text-align: right; }
.buttonWrapper button { margin-right: 8px; min-width: 80px; }
.buttonWrapper button:last-child { margin-right: 0px; }
svg.penIcon { width: 12px; height: 12px; fill: #5a5a5a; vertical-align: baseline; padding-right: 4px; }
a:hover svg.penIcon { fill: #8baccb; }
.pageContent .mandatory { font-weight: bold; }
.pageContent .mandatory.top { margin-bottom: 15px; }
.pageContent .mandatory.bottom { margin-top: 15px; }
.pageContent-home .flexContent { margin-bottom: 20px; }
.pageContent-home .topSellerPerSite { margin-top: 20px; }
.pageContent-category .flexContent { margin-bottom: 20px; }
.pageContent-category .topSellerPerCategory { margin-top: 20px; }
.pageContent-searchAccessLimit button { margin-top: 10px; }
.pageContent-search .itemsFoundText span.searchTerm { font-weight: bold; }
.pageContent-search .noItemsFoundText span.searchTerm { font-weight: bold; }
.pageContent-search .didYouMean a.link { text-decoration: underline; font-weight: bold; }
.pageContent-search .didYouMean a.link:hover { color: #8baccb; }
.pageContent-item .itemDetailContainerWrapper { display: table; }
.pageContent-item .itemDetailContainer { display: table-row; }
.pageContent-item .itemDetailContainer .imageWrapper { display: table-cell; vertical-align: top; padding-right: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: table-cell; vertical-align: top; }
@media only all and (min-width: 806px) and (max-width: 815px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
@media only all and (max-width: 550px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
.pageContent-item .itemDetailContainer .image { font-size: 0px; }
.pageContent-item .itemDetailContainer .image .imgWrapper { display: inline-block; max-width: 300px; }
.pageContent-item .itemDetailContainer .image .imgWrapper img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.pageContent-item .itemDetailContainer .zoomImageLink { display: inline-block; margin-top: 10px; }
.pageContent-item .itemDetailContainer .zoomImageLink svg.zoomIcon { width: 14px; height: 14px; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover,
.pageContent-item .itemDetailContainer .zoomImageLink:focus,
.pageContent-item .itemDetailContainer .zoomImageLink:active { text-decoration: none; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover span { text-decoration: underline; color: #8baccb; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover svg.zoomIcon { fill: #8baccb; }
.pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; }
.pageContent-item .itemDetailContainer .itemDescription { font-size: 14px; }
.pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 14px; color: #777777; }
.pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 14px; color: #777777; margin-bottom: 10px; }
.pageContent-item .itemDetailContainer p { margin: 0px; padding: 0px }
.pageContent-item .itemDetailContainer div.itemAttribute { margin-bottom: 10px; }
.pageContent-item .itemDetailContainer div.itemAttribute .label { display: block; margin-bottom: 1px; font-weight: bold; }
.pageContent-item .itemDetailContainer div.itemAttribute .value { display: block; }
.pageContent-item .itemDetailContainer .availability .availabilityIconWrapper { margin-left: 5px; vertical-align: bottom; }
.pageContent-item .itemDetailContainer .priceWrapper { margin-bottom: 12px; }
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .inputQtyWrapper { margin-bottom: 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude input.inputField { padding: 8px 5px 7px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude span.inputField select { padding: 7px 5px 6px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart { height: 36px; margin-bottom: 10px; color: #ffffff; background-color: #8baccb; vertical-align: top; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart svg { width: 20px; height: 17px; margin-right: 9px; vertical-align: sub; fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover { background-color: #8baccb; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover svg { fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist { padding: 0px; margin-top: 10px; color: #333333; background-color: transparent; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist svg { width: 20px; height: 17px; margin-right: 2px; vertical-align: baseline; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover { color: #8baccb; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover svg { fill: #8baccb; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .additionalLine { font-size: 14px; color: #777777; }
.pageContent-item .itemDetailContainer span.searchTerm { background-color: yellow; }
.pageContent-item .itemDetailContainer .inquiryPerMail { margin-bottom: 12px; }
.pageContent-item .itemDetailContainer .inquiryPerMail a { text-decoration: underline; }
.pageContent-item .itemDetailContainer .characteristics { display: table; margin-bottom: 10px; }
.pageContent-item .itemDetailContainer .characteristics a { font-weight: bold; text-decoration: underline; }
.pageContent-item .itemDetailContainer .characteristics a:hover { color: #8baccb; }
.pageContent-item .itemDetailContainer .characteristics option.disabled { color: #bbbbbb; }
.pageContent-item .itemDetailContainer .characteristics .characteristic { display: table-row; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell { display: table-cell; padding-bottom: 8px; }
.pageContent-item .itemDetailContainer .characteristics .characteristic.last .characteristicCell { padding-bottom: 0px; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; }
.pageContent-item .infoWrapper { margin-top: 20px; }
.pageContent-item .infoWrapper .backorderMsg { display: block; font-size: 14px; }
.pageContent-item .infoWrapper .backorderMsg a { font-size: 14px; }
.pageContent-item .infoWrapper .pdfLink span { text-decoration: underline; }
.pageContent-item .infoWrapper .pdfLink svg.pdfIcon { width: 14px; height: 14px; fill: #5a5a5a; }
.pageContent-item .infoWrapper .pdfLink:hover { text-decoration: none; color: #8baccb; }
.pageContent-item .infoWrapper .pdfLink:hover svg.pdfIcon { fill: #8baccb; }
.pageContent-item .billOfMaterialWrapper { margin-top: 20px; }
.pageContent-item .crossSellingWrapper { margin-top: 20px; }
.billOfMaterialItemList .table { width: 100%; border-bottom: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRowGroup.level0 .tableRow .tableCell { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRow .tableCell { border-bottom: none; }
.billOfMaterialItemList .itemNameCell .availability { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: none; margin-top: 5px; }
.billOfMaterialItemList .containerCell { padding-left: 0px; padding-right: 0px; height: 100%; }
.billOfMaterialItemList .tableRowGroup.level1 .containerCell { padding-left: 52px; }
.billOfMaterialItemList .tableRowGroup.level2 .containerCell { padding-left: 104px; }
.billOfMaterialItemList .tableRowGroup.level3 .containerCell { padding-left: 156px; }
.billOfMaterialItemList .tableRowGroup.level4 .containerCell { padding-left: 208px; }
.billOfMaterialItemList .tableRowGroup.level5 .containerCell { padding-left: 260px; }
.billOfMaterialItemList .containerCell .containerTableWrapper { display: table; }
.billOfMaterialItemList .containerCell .containerTableRowWrapper { display: table-row; }
.billOfMaterialItemList .containerCell .bomToggleCell,
.billOfMaterialItemList .containerCell .iconCell,
.billOfMaterialItemList .containerCell .itemNameCell { display: table-cell; vertical-align: top; }
.billOfMaterialItemList .containerCell .bomToggleCell { padding-right: 7px; }
.billOfMaterialItemList .containerCell .iconCell { padding: 0px; padding-right: 14px; font-size: 0px; }
.billOfMaterialItemList .availabilityCell,
.billOfMaterialItemList .priceCell,
.billOfMaterialItemList .accessCartOrWishlistCell { text-align: right; white-space: nowrap; }
@media only all and (max-width: 900px) {
.billOfMaterialItemList .tableRow .tableCell.availabilityCell { display: none; }
.billOfMaterialItemList .itemNameCell .availability { display: block; }
.billOfMaterialItemList .tableRow .tableCell.priceCell { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: block; }
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithoutDiscountsWrapper div,
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 850px) {
.billOfMaterialItemList .table.mobileAt850px { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { border-bottom: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow .tableCell { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.first { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell .bomToggle { display: none; }
.billOfMaterialItemList .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px .containerCell { padding-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { overflow: auto; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow { display: block; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .bomToggle { float: left; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1 .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .bomToggle { float: left; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2 .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .bomToggle { float: left; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3 .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .bomToggle { float: left; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4 .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .bomToggle { float: left; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5 .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .tableRow { display: block; margin-left: 312px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .bomToggle { float: left; margin-left: 260px; }
}
.billOfMaterialItemList .bomItem.hidden { display: none; }
.billOfMaterialItemList .bomItem .bomToggle { width: 45px; min-height: 50px; height: 100%; text-align: center; cursor: pointer; background-color: #8baccb; -moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.billOfMaterialItemList .bomItem .bomToggle:after { content: "+"; display: inline-block; vertical-align: middle; font-size: 30px; color: #ffffff; cursor: pointer; }
.billOfMaterialItemList .bomItem.open .bomToggle:after { content: "-"; margin-top: -3px; }
.billOfMaterialItemList .bomItem .icon { display: inline-block; }
.billOfMaterialItemList .bomItem .icon img { max-width: 100px; max-height: 150px; }
.pageContent-login .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-login .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-login .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-login .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-login .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-login button { display: block; }
.pageContent-account .description.welcomeText .userName { font-weight: bold; }
.pageContent-account .description.callManager a { text-decoration: underline; }
.pageContent-account .description.callManager a:hover { color: #8baccb; }
.pageContent-account .description.passwordIsUnchangedYet {
display: inline-block;
margin-bottom: 20px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb;
}
.pageContent-account .menuEntry { display: block; padding: 7px 0px; }
.pageContent-account .menuEntry:before { display: inline-block; float: left; content: ""; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-account .menuEntry.passwordIsUnchangedYet { color: #30ae30; font-weight: bold; }
.pageContent-account .menuEntry.passwordIsUnchangedYet:before { border-color: transparent transparent transparent #30ae30; }
.pageContent-quickorder .quickorderInputList .table { width: 330px; }
.pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: auto; }
.pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { text-align: right; vertical-align: middle; }
@media only all and (max-width: 350px) {
.pageContent-quickorder .quickorderInputList .table { width: 100%; }
}
.pageContent-quickorder .quickorderInputList .tableRow .tableCell.itemNoCell input { width: 97%; }
.pageContent-quickorder .quickorderItemList .table { width: 100%; }
.pageContent-quickorder .quickorderItemList .tableCell { width: 1px; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell { width: auto; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { text-align: right; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.iconCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { white-space: nowrap; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 900px) {
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: block; }
}
@media only all and (max-width: 850px) {
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo,
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell { margin-left: 114px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
}
.pageContent-quickorder .quickorderItemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-quickorder .quickorderItemList .itemNotFound { font-weight: bold; color: #ff0000; }
.pageContent-quickorder .quickorderItemList .buttons { overflow: auto; }
.pageContent-quickorder .quickorderItemList .buttons .backButton { float: left; }
.pageContent-quickorder .quickorderItemList .buttons .submitButton { float: right; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-wishlist:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-wishlist .manageWishlists .manageWishlistsActivator { line-height: 27px; color: #999999; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: none; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator:hover { cursor: pointer; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator { color: #8baccb; text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: #8baccb transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #8baccb; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a { color: inherit; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a:hover { text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper { margin: 0px 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .wishlistNameInnerWrapper { display: table; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper form { display: table-row; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputFieldWrapper { display: table-cell; padding-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputField { width: 100%; padding: 4px 5px; border: none; color: #333333; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .submitButtonWrapper { display: table-cell; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .button { margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper.switchWishlistWrapperMarginTop { margin-top: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper .flyoutMenuHeading { margin-left: 10px; margin-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #8baccb; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #8baccb; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #8baccb; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #8baccb; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName { padding-left: 10px; padding-right: 15px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistNumberOfLineItems { padding-right: 15px; text-align: right; white-space: nowrap; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistRemove { text-align: right; padding-right: 10px; text-decoration: underline; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper.createNewWishlistWrapperMarginTop { margin-top: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .wishlistsPerUser { margin: 0px 10px 0px 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .button { margin-top: 10px; margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button {
color: #f2f2f2;
background-color: #3b3537;
}
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:hover,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:active,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:focus { background-color: #555555; }
@media only all and (max-width: 370px) {
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .detailed { display: none; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .table { width: 100%; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper { padding: 9px 0px; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-wishlist .wishlistLineItems .tableCell { width: 1px; }
.pageContent-wishlist .wishlistLineItems .tableCell.selectionCell { font-size: 0px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell { width: auto; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableCell.priceCell { text-align: right; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.inputQtyCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.itemNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { white-space: nowrap; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 850px) {
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.itemNoCell { display: none }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell { margin-left: 148px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: block; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-wishlist .wishlistLineItems .tableCell.inputQtyCell { margin-bottom: 3px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-wishlist .wishlistLineItems .priceWithoutDiscountsWrapper div,
.pageContent-wishlist .wishlistLineItems .priceWithDiscountsWrapper div { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .icon img { max-width: 100px; max-height: 150px; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper { overflow: auto; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons { float: left; }
.pageContent-previouslyOrderedItemList .itemList { margin-top: 20px; }
.pageContent-previouslyOrderedItemList .itemList .table { width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper { padding: 9px 7px; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell { width: 1px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .icon,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNoCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.availabilityCell { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 1200px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNoCell { display: none; }
}
@media only all and (max-width: 1110px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 1060px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell { display: none; }
}
@media only all and (max-width: 1000px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell { display: none; }
}
@media only all and (max-width: 850px) {
.pageContent-previouslyOrderedItemList .itemList .tableRow { display: table; width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell { display: table-footer-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; margin-top: 10px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListCheckboxWrapper { display: block; float: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .additionalLine { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_surcharge,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_surcharge { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell { display: table-header-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .icon { display: block; float: left; width: 100px; padding-right: 14px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemName,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemDescription,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .backorderMsg { display: block; margin-left: 114px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.priceCell { display: none; }
}
.pageContent-previouslyOrderedItemList .itemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListCheckboxWrapper { display: inline-block; vertical-align: top; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkbox { margin-right: 10px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListAddToCart { display: inline-block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .buttonWrapper { overflow: auto; }
.pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-shoppingCart:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator { line-height: 27px; color: #999999; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: none; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:hover { cursor: pointer; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator { color: #8baccb; text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #8baccb transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #8baccb; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a { color: inherit; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:hover { text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #8baccb; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li { display: table-row; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background-color: #8baccb; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #8baccb; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #8baccb; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName { padding-left: 10px; padding-right: 15px; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartSubTotal { text-align: right; padding-right: 10px; }
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .detailed { display: none; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: inline; }
}
.pageContent-shoppingCart .missingShoppingCartOnlinePriceMsg,
.pageContent-shoppingCart .missingOnlinePriceMsg,
.pageContent-shoppingCart .containsInvalidItemMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-shoppingCart .updateSucceededMsg { margin-bottom: 10px; font-weight: bold; }
.pageContent-shoppingCart .updateFailedMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-shoppingCart .emptyMsg { text-align: center; padding: 20px; color: red; font-weight: bold; }
.pageContent-shoppingCart .invalidMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .errorMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .lineItems { width: 100%; }
.pageContent-shoppingCart .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell .removeLineItem { display: inline-block; width: 25px; height: 10px; padding-top: 5px; text-align: center; }
.pageContent-shoppingCart .lineItems .tableHeader .estimatedShippingDateCell,
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .estimatedShippingDateCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNameCell .estimatedShippingDate { display: none; }
@media only all and (max-width: 1100px) {
.pageContent-shoppingCart .lineItems .estimatedShippingDateCell { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNameCell .estimatedShippingDate { display: block; }
}
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .description { display: none; }
.pageContent-shoppingCart .invalidMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .errorMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell { margin-left: 114px; text-align: left; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell .nextprice_without_discounts { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-shoppingCart .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only all and (max-width: 450px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only all and (max-width: 360px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only all and (max-width: 350px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only all and (max-width: 340px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only all and (max-width: 330px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem { display: inline-block; width: 25px; padding-top: 5px; text-align: center; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: none; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemCheckbox { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: inline; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .additionalLine { display: block; padding-right: 25px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-shoppingCart .documentEnd .subTotal .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions { padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a { text-decoration: underline; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: #8baccb; }
.pageContent-shoppingCart #backButton { float: left; }
.pageContent-shoppingCart #updateButton { float: left; margin-left: 5px; }
.pageContent-shoppingCart #checkoutButton { float: right; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart #updateButton { display: none; }
.pageContent-shoppingCart .missingShoppingCartOnlinePrice #updateButton { display: block; }
.pageContent-shoppingCart .missingOnlinePrice #updateButton { display: block; }
}
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible {}
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible { display: none; }
}
.pageContent-checkout .salesTaxIdVerification .salesTaxIdValid { color: green; }
.pageContent-checkout .salesTaxIdVerification .salesTaxIdIsNotValid { color: red; }
.pageContent-checkout .salesTaxIdVerification .serviceDown { color: red; }
.pageContent-checkout .salesTaxIdVerification .serviceNotReady { color: red; }
.pageContent-checkout .salesTaxIdVerification .accessLimit { color: red; }
.pageContent-checkout .checkoutOrderLineItems .emptyMsg { text-align: center; padding: 20px; color: red; font-weight: bold; }
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: none; }
@media only screen and (max-width: 850px) {
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { margin-bottom: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only screen and (max-width: 450px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only screen and (max-width: 370px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only screen and (max-width: 360px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only screen and (max-width: 350px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only screen and (max-width: 340px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only screen and (max-width: 330px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .lineNoCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .subTotal .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .shippingMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .paymentMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .insurance .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .total .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .plusSalesTax .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue.isSalesTaxExempt .lineAtDocumentEndLabel { white-space: normal; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .includedSalesTax .lineAtDocumentEndCell {}
.pageContent-checkoutLogin .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-checkoutLogin .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-checkoutLogin button { display: block; }
.pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; }
.pageContent-checkoutCustomerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-checkoutCustomerData input.inputField { width: 75%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
.pageContent-checkoutCustomerData .buttons { overflow: auto; }
.pageContent-checkoutCustomerData .buttons .back { float: left; }
.pageContent-checkoutCustomerData .buttons .continue { float: right; }
@media only all and (max-width: 370px) {
.pageContent-checkoutCustomerData input.inputField { width: 90%; }
.pageContent-checkoutCustomerData select { width: 100%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
}
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { display: block; width: 98%; }
.pageContent-checkoutOrderDetails .buttons { overflow: auto; }
.pageContent-checkoutOrderDetails .buttons .back { float: left; }
.pageContent-checkoutOrderDetails .buttons .continue { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderDetails .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
@media only all and (max-width: 700px) {
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 95% }
}
.pageContent-checkoutShippingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutShippingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutShippingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutShippingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutShippingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutBillingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutBillingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutBillingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutBillingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutBillingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.shippingCostsCell { text-align: right; }
.pageContent-checkoutShipping .checkoutShippingWrapper:not(.displayShippingAddress) .shippingMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutShipping .shippingMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutShipping .shippingAddress { display: none; }
.pageContent-checkoutShipping .shippingMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutShipping .buttons { overflow: auto; }
.pageContent-checkoutShipping .buttons .back { float: left; }
.pageContent-checkoutShipping .buttons .continue { float: right; }
.pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutPayment .checkoutPaymentWrapper:not(.displayBillingAddress) .paymentMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutPayment .paymentMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutPayment .billingAddress { display: none; }
.pageContent-checkoutPayment .paymentMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutPayment .buttons { overflow: auto; }
.pageContent-checkoutPayment .buttons .back { float: left; }
.pageContent-checkoutPayment .buttons .continue { float: right; }
.pageContent-checkoutOrderView a:active,
.pageContent-checkoutOrderView a:hover,
.pageContent-checkoutOrderView a:focus { color: #8baccb; }
.pageContent-checkoutOrderView .fraudProtection { margin-bottom: 10px; font-weight: bold; }
.pageContent-checkoutOrderView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderView .missingOnlinePriceMsg,
.pageContent-checkoutOrderView .containsInvalidItemMsg,
.pageContent-checkoutOrderView .placeOrderErrorMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-checkoutOrderView .mandatoryCheckboxes { display: table; width: 100%; margin-bottom: 20px; }
.pageContent-checkoutOrderView .mandatoryCheckbox { display: table-row; }
.pageContent-checkoutOrderView .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; font-size: 0px; }
.pageContent-checkoutOrderView .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
.pageContent-checkoutOrderView .privacyLink { text-decoration: underline; }
.pageContent-checkoutOrderView .termsAndConditionsLink { text-decoration: underline; }
.pageContent-checkoutOrderView .editLink { display: inline-block; margin-top: 10px; }
.pageContent-checkoutOrderView .editLink:hover { text-decoration: none; }
.pageContent-checkoutOrderView .editLink span { text-decoration: underline; }
.pageContent-checkoutOrderView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderView .buttons { overflow: auto; }
.pageContent-checkoutOrderView .buttons .backButton { float: left; }
.pageContent-checkoutOrderView .buttons .placeOrderButton { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .description,
.pageContent-checkoutOrderView .fraudProtection,
.pageContent-checkoutOrderView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderView .missingOnlinePriceMsg,
.pageContent-checkoutOrderView .containsInvalidItemMsg,
.pageContent-checkoutOrderView .placeOrderErrorMsg,
.pageContent-checkoutOrderView .mandatoryCheckboxes { margin-bottom: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPrintView { padding: 10px 10px 20px 10px; color: #555555; background-color: #ffffff; }
.pageContent-checkoutOrderPrintView h1 { color: #555555; }
.pageContent-checkoutOrderPrintView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .missingOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .containsInvalidItemMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-checkoutOrderPrintView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderPrintView .lineItems .itemName { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdIsNotValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceDown { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceNotReady { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .accessLimit { color: #555555; }
.pageContent-checkoutOrderPrintView .buttons { overflow: auto; }
.pageContent-checkoutOrderPrintView .buttons .closeButton { float: left; }
.pageContent-checkoutOrderPrintView .buttons .printButton { float: right; }
@media only screen and (max-width: 640px) {
.pageContent-checkoutOrderPrintView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderPrintView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart { margin-top: 40px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartHeading { font-size: 18px; color: #777777; margin-bottom: 10px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a { text-decoration: underline; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a:hover { color: #8baccb; }
.pageContent-checkoutNotificationPending .acknowledgementOfReceipt { margin-bottom: 15px; }
.pageContent-customerDocumentList .topicRightWrapper { margin-top: 0px; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { float:left; margin-top: 5px; }
.pageContent-customerDocumentList .topicRightWrapper .sortControl { display: none; float:left; margin-top: 5px; }
.pageContent-customerDocumentList .table { width: 100%; }
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { text-align: right; }
.pageContent-customerDocumentList .tableCell.shippingMethodCell,
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { white-space: nowrap; }
.pageContent-customerDocumentList .tableRow .tableCell .label { display: none; }
.pageContent-customerDocumentList .tableRow .tableCell a { text-decoration: underline; }
.pageContent-customerDocumentList .tableRow .tableCell a:hover { color: #8baccb; }
@media only all and (max-width: 550px) {
.pageContent-customerDocumentList .tableRow .tableCell.trackingCell { display: none; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { margin-right: 10px; }
.pageContent-customerDocumentList .topicRightWrapper .sortControl { display: block; }
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { text-align: left; }
.pageContent-customerDocumentList .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocumentList .label { margin-right: 5px; }
.pageContent-customerDocumentList .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #777777; }
.pageContent-customerDocument .trackingLink { text-decoration: underline; }
.pageContent-customerDocument .trackingLink:hover { color: #8baccb; }
.pageContent-customerDocument .sortControl { display: none; margin-bottom: 10px; }
.pageContent-customerDocument .customerDocumentLineItems .table { width: 100%; }
.pageContent-customerDocument .tableCell { width: 1px; }
.pageContent-customerDocument .tableCell.descriptionCell { width: auto; }
.pageContent-customerDocument .tableCell.descriptionCell .lineNo { display: none; }
.pageContent-customerDocument .tableCell.descriptionCell .itemNo { display: none; }
.pageContent-customerDocument .tableCell.lineNoCell,
.pageContent-customerDocument .tableCell.qtyCell,
.pageContent-customerDocument .tableCell.priceCell,
.pageContent-customerDocument .tableCell.totalPriceCell { text-align: right; white-space: nowrap; }
.pageContent-customerDocument .tableRow .tableCell .label { display: none; }
.pageContent-customerDocument .tableRow .tableCell a { text-decoration: underline; }
.pageContent-customerDocument .tableRow .tableCell a:hover { color: #8baccb; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { font-size: 0px; }
.pageContent-customerDocument .tableRow.mobileOnly { clear: both; padding-top: 10px; }
.pageContent-customerDocument .tableRow.mobileOnly .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-customerDocument .tableRow.mobileOnly .outerCellWrapper { display: table; width: 100%; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper { display: table-row; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell.totalPriceCell { width: auto; }
@media only all and (max-width: 850px) {
.pageContent-customerDocument .trackingNumber { padding: 7px 0px; }
.pageContent-customerDocument .sortControl { display: block; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-customerDocument .tableRow .tableCell { margin-left: 114px; }
.pageContent-customerDocument .tableRow .tableCell.lineNoCell,
.pageContent-customerDocument .tableRow .tableCell.itemNoCell,
.pageContent-customerDocument .tableRow .tableCell.qtyCell,
.pageContent-customerDocument .tableRow .tableCell.priceCell,
.pageContent-customerDocument .tableRow .tableCell.totalPriceCell { display: none; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .lineNo { display: block; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-customerDocument .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocument .icon img { max-width: 100px; max-height: 150px; }
.pageContent-customerDocument .label { margin-right: 5px; }
.pageContent-customerDocument .priceUnit { color: #777777; font-size: 11px; }
.pageContent-backorderList .sortControl { display: none; }
.pageContent-backorderList .table { width: 100%; }
.pageContent-backorderList .tableCell { width: 1px; }
.pageContent-backorderList .tableCell.itemNameCell { width: auto; }
.pageContent-backorderList .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-backorderList .tableCell.itemNameCell .customerItemNo { display: none; }
.pageContent-backorderList .tableCell.remainingQtyCell,
.pageContent-backorderList .tableCell.remainingAmountCell,
.pageContent-backorderList .tableCell.shippingDateCell,
.pageContent-backorderList .tableCell.customerDocumentNoCell { text-align: right; }
.pageContent-backorderList .tableCell.itemNoCell,
.pageContent-backorderList .tableCell.remainingQtyCell,
.pageContent-backorderList .tableCell.remainingAmountCell,
.pageContent-backorderList .tableCell.shippingDateCell,
.pageContent-backorderList .tableCell.customerDocumentNoCell { white-space: nowrap; }
.pageContent-backorderList .tableRow .tableCell .label { display: none; }
.pageContent-backorderList .tableRow .tableCell a { text-decoration: underline; }
.pageContent-backorderList .tableRow .tableCell a:hover { color: #8baccb; }
.pageContent-backorderList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 850px) {
.pageContent-backorderList .sortControl { display: block; }
.pageContent-backorderList .table .tableRow { overflow: hidden; }
.pageContent-backorderList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-backorderList .tableRow .tableCell { margin-left: 114px; }
.pageContent-backorderList .tableRow .tableCell.remainingQtyCell,
.pageContent-backorderList .tableRow .tableCell.remainingAmountCell,
.pageContent-backorderList .tableRow .tableCell.shippingDateCell,
.pageContent-backorderList .tableRow .tableCell.customerDocumentNoCell { text-align: left; }
.pageContent-backorderList .tableRow .tableCell.itemNoCell { display: none; }
.pageContent-backorderList .tableRow .tableCell.itemNameCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-backorderList .tableRow .tableCell.itemNameCell .itemNo + .customerItemNo { margin-top: -10px; }
.pageContent-backorderList .tableRow .tableCell.itemNameCell .customerItemNo { display: block; margin-bottom: 10px; }
.pageContent-backorderList .tableRow .tableCell .label { display: inline; }
}
.pageContent-backorderList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-backorderList .label { margin-right: 5px; }
.pageContent-backorderList .salesTaxMsg { color: #777777; font-size: 12px; }
.pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; }
.pageContent-backorderList .backorderPagination .itemsFound { float: left; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .pageLinks { float: right; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .label { font-weight: bold; }
.pageContent-backorderList .backorderPagination a { text-decoration: none; }
.pageContent-backorderList .backorderPagination a:hover { text-decoration: none; }
.pageContent-backorderList .backorderPagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #8baccb; background-color: #e5e5e5;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pageContent-backorderList .backorderPagination a.pageLink:hover,
.pageContent-backorderList .backorderPagination .pageLink.active { color: #ffffff; background-color: #8baccb; }
.pageContent-createAccount .fraudProtection { margin-bottom: 10px; font-weight: bold; }
.pageContent-createAccount .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-createAccount input.inputField { width: 75%; }
.pageContent-createAccount input.postalCode { width: 100px; }
.pageContent-createAccount textarea.inputField { width: 98% }
.pageContent-createAccount .privacyLink { text-decoration: underline; }
.pageContent-createAccount .mandatoryCheckboxes { display: table; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.pageContent-createAccount .mandatoryCheckbox { display: table-row; }
.pageContent-createAccount .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; line-height: 0px; }
.pageContent-createAccount .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
@media only all and (max-width: 700px) {
.pageContent-createAccount textarea.inputField { width: 95% }
}
@media only all and (max-width: 370px) {
.pageContent-createAccount input.inputField { width: 90%; }
.pageContent-createAccount select { width: 100%; }
.pageContent-createAccount input.postalCode { width: 100px; }
}
.pageContent-customerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-customerData input.inputField { width: 75%; }
.pageContent-customerData input.postalCode { width: 100px; }
@media only all and (max-width: 370px) {
.pageContent-customerData input.inputField { width: 90%; }
.pageContent-customerData select { width: 100%; }
.pageContent-customerData input.postalCode { width: 100px; }
}
.pageContent-logout form { margin-right: 10px; }
.pageContent-logout form:last-child { margin-right: 0px; }
.pageContent-sitemap ul { list-style-type: none; margin: 0px; padding: 0px; }
.pageContent-sitemap li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.pageContent-sitemap ul.categories { position: relative; letter-spacing: 10px; }
.pageContent-sitemap li.category { letter-spacing: 0px; margin-bottom: 15px; }
.pageContent-sitemap .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.pageContent-sitemap .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.pageContent-sitemap .categoryTextInnerWrapper { padding: 10px; }
.pageContent-sitemap .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #666666; }
.pageContent-sitemap a.categoryName:hover { color: #8baccb; text-decoration: none; }
.pageContent-sitemap .iconWrapper { padding: 0px; }
.pageContent-sitemap .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; }
.pageContent-sitemap .icon a:hover { text-decoration: none; }
.pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; }
.pageContent-sitemap div.subMenu { padding: 5px 5px; }
.pageContent-sitemap ul.subMenu { padding-left: 15px; }
.pageContent-sitemap ul.subMenu.level1 { padding-left: 0px; }
.pageContent-sitemap ul.subMenu li { display: block; }
.pageContent-sitemap ul.subMenu li a { display: block; color: #777777; padding: 9px 1px 9px 5px; }
.pageContent-sitemap ul.subMenu li a:hover { color: #8baccb; font-weight: bold; text-decoration: none; }
.pageContent-sitemap ul.subMenu.level2 li a { font-size: 12px; }
.pageContent-sitemap ul.subMenu li a span { display: block; overflow-x: hidden; text-overflow: ellipsis; }
@media only all and (min-width: 531px) and (max-width: 805px) {
.pageContent-sitemap li.category { width: 32%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.pageContent-sitemap li.category { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 530px) {
.pageContent-sitemap li.category { width: 48%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
.pageContent-sitemap .icon { width: 230px; height: 170px; line-height: 170px; }
.pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; }
}
@media only all and (max-width: 500px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (max-width: 400px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 380px) {
.pageContent-sitemap li.category { width: 47%; }
}
.pageContent-passwordChange .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-passwordChange .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-passwordReminder .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-passwordReminder .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterValueCell,
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterLimitCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .tableCell.timeCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .statusText { display: block; }
.pageContent-loginRequired .attributeValue input { width: 95%; }
.pageContent-dialog { max-width: 350px; margin: 0px 20px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; text-align: left; }
.pageContent-dialog h1 { margin: 0px 0px 10px 0px; }
.flexImageTextLayerElement .flexElement-contentWrapper { position: relative; }
.flexImageTextLayerElement .flexElement-contentWrapper .imageTextLayerWrapper { position: absolute; line-height: 4; width: 100%; bottom: 0px; left: 0px; }
.flexImageTextLayerElement .flexElement-contentWrapper:hover .imageTextLayerWrapper { filter: invert(1); }
.flexBackgroundContainer { display: flex; }
.flexBackgroundContainer-innerWrapper { flex: 1; max-width: 100%; }
.flexBackgroundContainer-contentWrapper { display: flex; max-width: 100%; }
.flexBackgroundContainer-defaultElement { position: relative; flex: 1; display: flex; overflow: hidden; }
.flexItemTileElement { position: relative; }
.flexItemTileElement .flexElement-contentWrapper { overflow: hidden; }
.flexItemTileElement-textContent:not(.flexTextElement-noHyphenation) { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.flexItemTileElement-textContent:not(.flexTextElement-noLinkHighlighting) a { text-decoration: underline; }
.flexItemTileElement-textContent a:active,
.flexItemTileElement-textContent a:hover,
.flexItemTileElement-textContent a:focus { color: #8baccb; text-decoration: underline; }
.flexItemTileElement-textContent p { margin: 0px 0px 10px 0px; }
.flexItemTileElement-textContent > *:last-child { margin-bottom: 0px; }
.flexItemTileElement .flexItemTileElement-libraryPlaceholder { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.flexItemTileElement .icon.libraryPlaceholder { position: relative; }
.flexItemTileElement-libraryPlaceholder { width: 150px; padding: 10px 0px; margin: 0 auto; background-color: #8baccb; border: none; border-radius: 10px; }
.flexItemTileElement-libraryPlaceholder svg { height: auto; width: 70px; fill: #ffffff;}
.flexItemTileElement .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; margin: 0px auto; }
.flexItemTileElement .iconWrapper { padding: 10px; }
.flexItemTileElement .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.flexItemTileElement .icon a:hover { text-decoration: none; }
.flexItemTileElement .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.flexItemTileElement .infoOuterWrapper { position: relative; min-height: 100px; }
.flexItemTileElement .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.flexItemTileElement .info { position: relative; padding: 10px; min-height: 80px; }
.flexItemTileElement .itemTextInnerWrapper { min-height: 54px; }
.flexItemTileElement .itemName { display: block; }
.flexItemTileElement .itemNo { display: inline; }
.flexItemTileElement .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; }
.flexItemTileElement .backorderMsg { margin-top: 10px; }
.flexItemTileElement .itemPrice { margin-top: 10px; }
.flexItemTileElement .priceWithoutDiscountsWrapper div,
.flexItemTileElement .priceWithDiscountsWrapper div { display: inline; }
.flexItemTileElement .slideOnHoverWrapper {}
.flexItemTileElement .slideOnHoverTarget { display: none; }
.flexItemTileElement .itemListAddToCartInclude { padding-top: 10px; }
.itemTileItemDataWrapper { display: table; }
.itemTileItemDataWrapper .shoppableImageItemDataInnerWrapper { display: table-row; }
.itemTileItemDataWrapper .icon { display: table-cell; vertical-align: middle; line-height: 0px; padding: 0px 5px; }
.itemTileItemDataWrapper .icon img { max-height: 50px; }
.itemTileItemDataWrapper .info { display: table-cell; vertical-align: top; padding: 0px 5px; }
.itemTileItemDataWrapper .info span.title { font-weight: bold; white-space: normal; }
.itemTileItemDataWrapper .info span.price { margin-left: 10px; }
.itemTileAutocomplete .itemData { margin-top: 2px; }
.itemTileAutocomplete.ui-autocomplete {
white-space: nowrap;
border: 1px solid #8baccb;
background-color: #ffffff;
width: 330px;
overflow: auto;
max-height: 300px;
}
.itemTileAutocomplete.ui-menu .ui-menu-item { }
.itemTileAutocomplete.ui-menu .ui-menu-item a { font-weight: bold; display: block; }
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-focus,
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-active,
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-focus span,
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-active span {
color: #ffffff;
background-color: #8baccb;
margin: 0px;
}
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-focus span.price,
.itemTileAutocomplete.ui-menu .ui-menu-item a.ui-state-active span.price { margin-left: 10px; }
.itemTileAutocomplete.ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; }
.itemTileAutocomplete.ui-widget { font-size: 12px; font-weight: normal; }
.flexItemTileElement-editorForm .itemAssignment { display: none; }
.flexItemTileElement-editorForm .itemTileSearchWrapper { display: block; }
.flexItemTileElement-editorForm .itemAssignment.itemIsSet { display: block; }
.flexItemTileElement-editorForm .itemTileSearchWrapper.itemIsSet { display: none; }
.flexItemTileElement-editorForm .resetItem { margin-top: 20px; padding: 8px 16px;
cursor: pointer;
font-size: 16px;
line-height: 24px;
color: #333333;
background-color: #f0f0f0;
border: none; border-radius: 4px 4px 4px 4px; display: inline-block;
}
.flexCookieContainer { display: flex; }
.flexContainer-childWrapper > .flexCookieContainer, .flexContent > .flexCookieContainer { width: 100%; align-self: stretch; }
.flexCookieContainer-innerWrapper { flex: 1; max-width: 100%; height: 100%; }
.flexCookieContainer-contentWrapper { display: flex; max-width: 100%; flex-direction: column; height: 100%; }
.flexCategoryElement { position: relative; text-align: center; }
.flexCategoryElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexCategoryElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; position: relative; flex-flow: column; }
.flexCategoryElement-imageContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexCategoryElement-imageContent a { display: flex; overflow: hidden; }
.flexCategoryElement-imageContent img { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexCategoryElement-imageContent img.imgError { min-width: 150px; min-height: 150px; }
.flexCategoryElement .categoryTextOuterWrapper { position: relative; opacity: 0.8; padding-bottom: 10px; }
.flexCategoryElement .categoryTextInnerWrapper { text-align: left; font-size: 18px; text-overflow: ellipsis; line-height: 1.5; }
.flexCategoryElement .categoryTextInnerWrapper a { text-decoration: none; }
.flexCategoryElement .categoryTextInnerWrapper a:hover { color: #8baccb; text-decoration: none; }
.flexCategoryElement .slideOnHoverTarget { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; max-height: 170px; overflow: auto; background-color: #ffffff; opacity: 0.9; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu { padding: 10px 10px 10px 7px; list-style-type: none; margin: 0px; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu li.subCategory { display: block; margin-bottom: 3px; text-align: left; letter-spacing: 0px; line-height: 1.5; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu li.subCategory a::before { display: block; float: left; content: "\BB"; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu li.subCategory a { display: block; color: #777777; padding: 0px; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
.flexCategoryElement .slideOnHoverTarget ul.subMenu li.subCategory a:hover { color: #8baccb; font-weight: bold; text-decoration: none; }
.elementPreview .flexCategoryElement .flexElement-contentWrapper { padding: 0px; border: none; min-width: unset; }
img.flexCategoryElement-preloadImage { position: relative; }
img.flexCategoryElement-preloadImage + img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
html.loaded img.flexCategoryElement-preloadImage { display: none; }
html.loaded img.flexCategoryElement-preloadImage + img { position: relative; width: auto; height: auto; }
.flexCategoryElement .imagePlaceholder { width: 190px; padding: 20px 0px 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #8baccb; border-radius: 10px; margin: auto; }
.flexCategoryElement .imagePlaceholder svg { display: block; width: 80px; height: 80px; margin: auto; fill: #ffffff; }
@supports (width: min(80px, 100%)) {
.flexCategoryElement .imagePlaceholder svg { width: min(80px, 100%); }
}
.flexButtonElement { position: relative; }
.flexButtonElement .flexElement-innerWrapper { flex: 1; display: flex; }
.flexButtonElement .flexElement-contentWrapper { display: flex; width: 100%; overflow: hidden; }
.flexButtonElement-buttonWrapper { flex: 1; text-align: center; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon.icon-file svg { width: 20px; height: 17px; margin-right: 2px; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon.icon-file-video svg { width: 20px; height: 17px; margin-right: 2px; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon.icon-image svg { width: 20px; height: 18px; margin-right: 2px; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon.icon-download svg { width: 20px; height: 17px; margin-right: 2px; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon svg { vertical-align: sub; fill: #currentColor; }
.flexButtonElement .flexButtonElement-buttonWrapper button.withIcon:hover svg { fill: currentColor; }